Web design Tutorials Lesson 1 (P-4)

HTML Tags

HTML is written in one thing known as tags. Tags are available pairs, a gap one and a closing one. the primary combine of tags we'll write square measure the markup language tags themselves. you set one markup language tag at the highest, and one at the bottom:

This tells a browser like web someone or Firefox that the code is machine-readable text terminology.
Two things to note here. One, that the word markup language is encircled by angle brackets (the but and larger Than keys on your keyboard); and 2 that the second Tag contains a forward slash before the markup language.

All your tags should be encircled by the angle brackets < > This tells the browser that there's some markup language code that desires capital punishment, which it's to not be shown on the online page. Miss associate angle redact and it will very devastate your web content.

So add those 2 tags to your text editor and it'll appear as if this:

The first Tag tells the browser to begin doing something; the second tag tells the browser to prevent doing it. The stop image is that forward slash. therefore miss that out and, again, your web content will very be tousled.
The next combine of tags square measure the top tags: they're going between the 2 markup language ones:

Again, notice that each the top tags square measure encircled by angle brackets, and there's a forward slash before the ultimate one .

The HEAD section of markup language page is wherever you set special directions for the browser. Your browser won't print on to an internet page once things square measure inserted into the top section. for instance, if you needed to show the words 'Hello World' on your page, and you written them in between the 2 HEAD tags, then the Browser would simply ignore them. that is as a result of 'Hello World' is direct text, and not a special instruction that the browser will perceive.
A special instruction your browser will perceive is that the TITLE tag:

The Title tag continuously goes within the HEAD section of the markup language skeleton.

The TITLE tag does not do noticeably. And it positively shouldn't be confused with the name of your web content. If you saved your web content as My Family.html then that may don't have any concerning or relationship with the TITLE tag. no matter you kind between the 2 TITLE tags is what seems at the terribly high of your browser window. and that is it, that is all it will. (You'll see what it's like in a very moment.)
The final, and most significant half, of the markup language skeleton is that the BODY section.

In between those 2 BODY tags is wherever you may write most of your markup language code. consider the BODY because the white page in data processing. after you kind one thing in your data processing software system, it's right away displayed. Similarly, after you kind one thing between the 2 BODY tags then read the leads to a browser, no matter you written are going to be displayed. As long as it isn't a tag, your browser can attempt to show it for you. therefore remember: if you would like individuals to examine it, place it between the BODY tags.

In your text editor, then, add the following:

Notice that we've side some text between the 2 TITLE tags: My initial Page. We've additionally used indenting, however this can be just for readability: the indenting does not have any result on the results.
                                      

 DOCTYPE

One special tag is DOCTYPE. it isn't very a markup language tag, however associate instruction to the browser regarding that version of markup language is allowed. In version of markup language before markup language five the DOCTYPE might be terribly untidy. In HTML 5, however, it's simply this:

DOCTYPE must go at the terribly high of the page. there's without stopping tag for DOCTYPE. Note the exclamation point when the primary angle bracket, and also the house between DOCTYPE and markup language.

So add a DOCTYPE to the highest of your page. Your text editor can look one thing like this:
Coming up next, we'll take a glance at a way to save your websites.