1 <!DOCTYPE HTML>2 <HTML>3 <Head>4 <MetaCharSet= "Utf-8">5 <title>Header, footer</title>6 <styletype= "Text/css">7 Body{Height:600px}8 Header{width:100%;Height:10%;background:Red}9 #div0{width:30%;Height:80%;background:Green;float: Left; }Ten #div1{width:70%;Height:80%;background:Gray;float: Left; } One Footer{width:100%;Height:10%;background:Blue;Clear: Left;} A </style> - </Head> - <Body> the <Header>Head</Header> - <DivID= "Div0">Left</Div><DivID= "Div1">Right</Div> - <Footer>Bottom</Footer> - </Body> + </HTML>
1 <!DOCTYPE HTML>2 <HTML>3 <Head>4 <MetaCharSet= "Utf-8">5 <title>Article</title>6 </Head>7 <Body>8 <article>9 <article>Ten <Header><H1>Article One title</H1></Header> One <P>Article text<BR>Article text<BR>Article text<BR></P> A <Footer><H3>Article bottom of article at bottom of article</H3></Footer> - </article> - <article> the <Header><H1>Article Two title</H1></Header> - <P>Article text<BR>Article text<BR>Article text<BR></P> - <Footer><H3>Article bottom of article at bottom of article</H3></Footer> - </article> + </article> - </Body> + </HTML>
"HTML5"