Html5 and css3 learning practices-Basic Content division tags, html5css3

Source: Internet
Author: User

Html5 and css3 learning practices-Basic Content division tags, html5css3

After dividing the area of a webpage from the location, you need to use the content tag of the webpage, such<Article>,<Aside>,<Nav>,<P>,<H1>. In a webpage, these content tags and location tags are intertwined, such as the following:

Html code
  1. <Body>
  2. <Header>
  3. <H1> Body Title
  4. <Nav>
  5. Navigation Bar
  6. </Nav>
  7. </Header>
  8. <Section id = "left">
  9. <Header>
  10. Region Header
  11. </Header>
  12. <Article>
  13. <Header>
  14. Article Header
  15. </Header>
  16. <P> section 1 </p>
  17. <P> section 2 </p>
  18. <Aside>
  19. Sidebar
  20. </Aside>
  21. <Footer>
  22. End of the article
  23. </Footer>
  24. </Article>
  25. <Footer>
  26. Region end
  27. </Footer>
  28. </Section>
  29. <Section id = "right">
  30. <Header>
  31. Region Header
  32. </Header>
  33. <Nav>
  34. Right navigation bar
  35. </Nav>
  36. </Section>
  37. <Footer>
  38. <P> Copy Right. </p>
  39. </Footer>
  40. </Body>

Where,

<Article>: Indicates an independent body content, which is usually divided into the beginning, end, and area by location label;

<Aside>: It refers to the sidebar related to the section content and body content.<Article>;

<Nav>: Indicates the navigation content;

<P>: Refers to an independent paragraph, generally in<Article>;

<H1>: Refers to the title, generally in<Header>.

You can add location tags to these content tags for region division.

There are also many other tags that indicate the content type, which will be described later in the learning practices.


HTML5 and CSS3 are better at learning how to use books

Learning and html css, the new tags are based on the expansion of the old tags. If you are familiar with the old ones, you can directly use the new ones without learning them, new ones won't be used either. The upstairs said very well. What are the labels for proficient html? What about css2 css3? This is the box model. The building blocks are blocks. When there are more blocks, we can build many shapes. I don't know how to use them, it may have been played by people born in 1980s. It can also build many shapes. The building is also based on bricks and steel bars, while the webpage is based on the box model. If the box model is well learned, most Web pages can be compatible with all browsers and beautiful and unified. On the contrary, you must continue to learn html

Html5 css3 related books

I recommend this book, I think, is not bad. I recommend this book, which is an excellent solution for HTML 5 + CSS 3 web page development. It is difficult to study gradient science and has a rigorous knowledge architecture. The content is easy to understand, easy to understand, and easy to understand, it also focuses on the cultivation of reader interest and lists a large number of examples to help readers improve their practical skills. This book is equipped with a CD, which is the teaching video of the book's key content and the source code involved in this book.
 

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.