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
- <Body>
- <Header>
- <H1> Body Title
- <Nav>
- Navigation Bar
- </Nav>
- </Header>
- <Section id = "left">
- <Header>
- Region Header
- </Header>
- <Article>
- <Header>
- Article Header
- </Header>
- <P> section 1 </p>
- <P> section 2 </p>
- <Aside>
- Sidebar
- </Aside>
- <Footer>
- End of the article
- </Footer>
- </Article>
- <Footer>
- Region end
- </Footer>
- </Section>
- <Section id = "right">
- <Header>
- Region Header
- </Header>
- <Nav>
- Right navigation bar
- </Nav>
- </Section>
- <Footer>
- <P> Copy Right. </p>
- </Footer>
- </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.