Important Concepts
- HTML its a document like any other
- All in HTML are blocks
- There is blocks that occupy all width in screen. They are block type
- There is blocks that occupy the space of the visible content. They are inline type
- Comments are publics
- metadata keep in tag head
- content keep in tag body
- !DOCTYPE HTML indicates that its a HTML document
Meaning of tags:
The HTML Tags, are not meaningless letters, each one means something, as in the examples below:
- <html>: Hyper Text Markup Language
- <head>: Head
- <body>: body
- <h1..h6>: Header 1 to Header 6
- <p>: Paragraph
- <a>: Anchor
- <ul>: Unordered list
- <ol>: Ordered list
- <li>: List item
- <em>: Emphasis
- <strong>: Strong
- <img>: Image
- <tile>: Title
- <meta>: metadata
- <link>: Link
- <header>: Header
- <nav>: Navigantion
- <footer>: Footer
- <main>: Main
- <article>: Article
- <aside>: Aside
- <section: Section
- <div>: Division
- <span>: Span
- <hr>: Horizonta rule
- <br>: Break line
- <code>: Code
- <pre>: Preformatted
- <time>: Time
- <mark>: Mark
- <abbr>: Abbreviation
- <cite>: Citation
- <q>: Quote
- <blockquote>: Blockquote
- <s>strikethrough
- <del> and <ins>: Deleted and Inserted
Meaning of attributes:
The same of tags
- href: Hypertext reference
- src: Source
- alt: Alternative
- charset: Charset
- rel: Relationship
- datetime: Datetime
- aria-current: Current Page??
- class: Class