Stay at Home,Stay Safe. We're all in this together God bless us all
Home

WELCOME TO THE TUTORIAL

To begin writing our code we need a text editor, if you're using a pc notepad is enough and if you're using a mobile device click the link below to download.

Remember to save your document as .html(example: myclass.html).

Common Use tags

The output when using the following tags

1.TITLE TAG

This is the title of your page(highlighted)

2.META TAG

The meta tag always go inside the head element, and are typically used to specify character set, page description, keywords, author of the document, and viewport settings. Metadata will not be displayed on the page Metadata is used by browsers (how to display content or reload page), search engines (keywords), and other web services.

The followings are the meta attribute:

Example of our meta attribute:

Define keywords for search engines

Define a description of your web page:

Define the author of a page:

Refresh document every 10 seconds:

Defines the UTF-8:

with meta charset="UTF-8"


without meta charset="UTF-8"


Setting the viewport to make your website look good on all devices:

The viewport is the user's visible area of a web page. It varies with the device - it will be smaller on a mobile phone than on a computer screen.

This gives the browser instructions on how to control the page's dimensions and scaling. The width=device-width part sets the width of the page to follow the screen-width of the device (which will vary depending on the device). The initial-scale=1.0 part sets the initial zoom level when the page is first loaded by the browser.

You should include the following meta element in all your web pages:


To Start your own webpage click the link below

3.BODY TAG

The Body tag is an important element that contains all the content displayed on a web page in a browser. The body tag comes after the closing head tag.
Is the body tag important? The body tag is important, imagine a head without a body it's freaky right? It's important because it contains all content and functions and they are the headings, texts, hyperlinks, images, videos, and other things.
The tag can also contain Javascript.
So a body tag can contains the content of our document like the example given below

4.MARQUEE TAG

Marquee tag is a moving text, marquee tag is used to have a notice of your website for news and update, some use it to have a cooler website to attract more visitors like humans,robot or perhaps an alien, let's move on to the code where you want to move your text it's easy as counting as 1,2,3 or A,B,C.

This is our moving text

Basic Sample

HTML Headings

HTML Paragraphs

HTML Links

Example