Download
html elements introduction n.
Skip this Video
Loading SlideShow in 5 Seconds..
HTML5 & CSS3 training, Web Design training Hyderabad, Web Designing classes Hyderabad – Prism Multimedia PowerPoint Presentation
Download Presentation
HTML5 & CSS3 training, Web Design training Hyderabad, Web Designing classes Hyderabad – Prism Multimedia

HTML5 & CSS3 training, Web Design training Hyderabad, Web Designing classes Hyderabad – Prism Multimedia

174 Vues Download Presentation
Télécharger la présentation

HTML5 & CSS3 training, Web Design training Hyderabad, Web Designing classes Hyderabad – Prism Multimedia

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. HTML Elements Introduction Prism Multimedia

  2. HTML Elements • HTML elements are the fundamentals of HTML. HTML documents are simply a text file made up of HTML elements. • These elements are defined using HTML tags. HTML tags tell your browser which elements to present and how to present them.

  3. <!DOCTYPE html> <html> <head> <title>HTML Introduction</title> </head> <body> <p> HTML elements are the fundamentals of HTML. These elements are defined using HTML tags. </p> </body> </html>

  4. The <!DOCTYPE... > declaration tells the browser which version of HTML the document is using. • The <html> element is the document's root element - it can be thought of as a container that all other tags sit inside (except for the !DOCTYPE declaration).

  5. The <head> tag contains information that is not normally viewable within your browser (such as meta tags, JavaScript and CSS), although the <title> tag is an exception to this. The content of the <title> tag is displayed in the browser's title bar (right at the very top of the browser).

  6. The <body> tag is the main area for your content. This is where most of your code (and viewable elements) will go. • The <p> tag declares a paragraph. This contains the body text.

  7. HTML elements have opening and closing tags, and that the content of the element is placed in between them. • closing tag is slightly different to the opening tag - the closing tag contains a forward slash (/) after the <.

  8. HTML Formatting Tags There is a special tag for specifying headings in HTML. There are 6 levels of headings in HTML ranging from <h1> for the most important, to <h6> for the least important.

  9. Header Tags in HTML <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6>

  10. The <strong> Element <p> <strong>Good Thing:</strong> Try to work on this in Notepad. </p>

  11. The <em> Element You can place an emphasis on text by using the <em> element. Example: <p>Try this HTML Code in <em>Notepad</em>! </p>

  12. Line Breaks You can force a line break by using the <br> element. Example: <p>Here is a <br>line break.</p>

  13. Horizontal Rule You can create a paragraph-level thematic break by using the <hr> element. Therefore, this element allows you to separate different topics into logical groups. Example: <html> <head> </head> <body> Here's one topic... <hr> Here's another topic </body> </html>

  14. Unordered List • To create an unordered list, use the <ul> element to define the list, and the <li> element for each list item. Example: <ul> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul>

  15. Ordered List To create an ordered list, use the <ol> element to define the list, and the <li> element for each list item. Example: <ol> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ol>

  16. Referred from http://www.quackit.com/

  17. THANK YOU