HTML - 1 introduction and basic tags

HTML is language used by web world. it helps the web client to understand how the content should be display.

there are some basic items we need to understand in order to master HTML.

Tag: pre-defined command in HTML. It should be a pair of open and close tags. Breaking tag <br> is the exception which only have a open tag.

Attributes: attributes are used in the tag. The avaible attributes are closely related with the tag. For example, img tag has scr, alt, height, weight attributes.

Head block:  head block is the common block in the HTML page, it is usually for the browser tab. There are some common tags used in the head block.

• meta tag: key words usually can be referenced by the search engine
• Title: the text which shows on the browser tab.
• javascript, links and style are also common in head block.

Body block: the main block for the HTML. The main body displayed in the browser. Common layout is the

1. The image and resource used by the HTML page.
2. Text, table, form.
3. The script to rend the page.

Form: a very common tag.there are some attributes needs to understand

• id: to identify your form
• method: usually post to indicate the post HTTP method.
• action: the url for post redirection

Comments:  < !—the comments here -->

Heading: the high-lighted headings showing in the browser.  There are 6 layers of headings. From h1 (biggest) to h6 (smallest).

For example

     <h1> This is the heading one</h1>

Paragraphs:  a separated paragraphs. The text in the paragraph is a block, it ignores the line breaks in the paragraph. If you want to insert an line break, you have to use <br> tags.

Italic text: we can wrap the text by <i> and </i> to make it italic or use <em> and </em> (for emphasize) to make it italic and make the screen reader to intercept the text for disable people

HTML: some special characters

& is reserved in HTML keyword.

Some common special

&nbsp (non-breaking space)

&gt; >

&lt; <

&emsp ‘tab’

&copy ‘the copyright’ @