Skip to main content

DOCTYPE,HEADING,PARAGRAPH..TUTE 2

                         Doctypes


Doctypes - short for 'document type' - help browsers to understand the version of HTML the document is written in for better interpretability. Doctype declarations are not HTML tags and belong at the very top of a document. This topic explains the structure and declaration of various doctypes in HTML.

Adding the Doctype

The <!DOCTYPE> declaration should always be included at the top of the HTML document, before the <html> tag.

<!DOCTYPE html>

therefore the following DOCTYPEs are also valid:
<!doctype html>
<!dOCtyPe html>
<!DocTYpe html>

Headings

HTML provides not only plain paragraph tags, but six separate header tags to indicate headings of various sizes and thicknesses.
Enumerated as heading 1 through heading 6, heading 1 has the largest and thickest text while heading 6 is the smallest and thinnest, down to the paragraph level. This topic details proper usage of these tags.

Using Headings

Headings can be used to describe the topic they precede and they are de?ned with the
<h1> to <h6> tags.

Headings support all the global attributes.

<h1> de?nes the most important heading. <h6> the least important heading.

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Example document 

<h1>Main title</h1>
<p>Introduction</p>

<h2>Reasons</h2>
<h3>Reason 1</h3> 
    
<p>Paragraph</p>
<h3>Reason 2</h3>
       
<p>Paragraph</p>
<h2>In conclusion</h2>  
<p>Paragraph</p>

Paragraphs

Column Column <p>  paragraph <br> Inserts a single line break <pre> pre-formatted text
Paragraphs are the most basic HTML element. This topic explains and demonstrates the usage of the paragraph element in HTML

 HTML Paragraphs
The HTML <p> element a paragraph:
<p>This is a paragraph.</p> <p>This is another paragraph.</p>
.........
Next page TUTE-3

Comments

Popular posts from this blog

short key of c programming

short key of c programming Shortcut Keys(Hot Keys)     Operation    Alt + F  -            Open file Alt + F3 -           Close Alt + F + N  -    New file Alt + X  -           Exit turbo c Alt + F5 -          Output Screen Alt + F + L  -    Check programme load or not. Alt + ENTER  - Full screen Shift + Del -       Cut Shift + Insert -   Paste Ctr + Insert -    Copy Alt+F9 -           Compile a program Ctr + F8           Bbreak point Ctrl+F9 -          To run a program Ctrl+s -...

Unordered List, Nested lists, Description List,TUTE-8

                                                             Unordered List An unordered list can be created with the <ul> tag and each list item can be created with the <li> tag as shown by the example below: <ul>   <li>Item</li>   <li>Another Item</li>   <li>Yet Another Item</li>  </ul> This will produce a bulleted list (which is the default style): You should use ul to display a list of items, where the order of the items is not important. If changing the order of the items makes the list incorrect, you should use <ol>.   Nested lists You can nest lists to represent sub-items of a list item. <ul>   <li>item 1</li>   <li>item 2     <ul>    ...