1 / 7

HTML Elements

HTML Elements. The Super Basics. Opening and Closing. If a tag is opened < em > Then the tag must be closed </ em >. Remember things you KNow. This is the Main Heading

Download Presentation

HTML Elements

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. HTML Elements The Super Basics

  2. Opening and Closing • If a tag is opened • <em> • Then the tag must be closed • </em>

  3. Remember things you KNow • This is the Main Heading • This text might be an introduction to the rest of the page. And if the page is a long one it might be split up into several sub-headings. • This is a Sub-Heading • Many long articles have sub-headings so to help you follow the structure of what is being written. There may even be sub-sub-headings (or lower-level headings). • Another Sub-Heading

  4. See?!?! • <h1>This is the Main Heading</h1> • <p>This text might be an introduction to the rest of the page. And if the page is a long one it might be split up into <em>several sub-headings</em>.</p> <br /> • <h2>This is a Sub-Heading</h2> • <p>Many long articles have sub-headings so to help you follow the structure of what is being written. There may even be <strong>sub-sub-headings</strong> (or lower-level headings). </p> • <h3>Another Sub-Heading</h3>

  5. HTML Elements are Logical/Semantic • <p> paragraph • <br> break • <h1> headings • <em> italic • <strong> bold • <ol>, <ul>,<li> used for lists (important for creating navigation menus) • <img> images • <a href > links • <div> division (important for CSS)

  6. HTML5 elements are even smarter • <section> HTML5 element important for CSS • <video> • <audio> • <mark> similar to <em> and <strong> • <header> • <footer> • <aside> • <nav> • <article>

More Related