Html-Learning-Code/html5 page.html at master · iiamvk/Html-Learning-Code · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>

<html lang="xyz">
   <head>
      <meta charset="utf-8">
      <!-- it used to display the title icon in title page -->
      <link rel="icon" href="http://lorempixel.com/32/32/food/1" />

      <title>my first html5 wabpage</title>
   </head>
   <body>

 <!-- <header> - Defines a header for a document or a section
     <nav> - Defines a container for navigation links
     <section> - Defines a section in a document
     <article> - Defines an independent self-contained article
     <aside> - Defines content aside from the content (like a sidebar)
     <footer> - Defines a footer for a document or a section     -->


      <header>
        		<h1> my wabsite logo</h1>
        		<img src="http://lorempixel.com/100/100/city/3" alt="my logo" width="100" />
        	<nav>
        		<ul style="list-style-type:none;">
        			<li style="float:left; padding:5px;" ><a href="#">home</a></li>
        			<li style="float:left; padding:5px;"><a href="#">album</a></li>
        			<li style="float:left; padding:5px;"><a href="#">news</a></li>
        			<li style="float:left; padding:5px;"><a href="#">contact</a></li>
        		</ul>
        	</nav>
	  </header>
	  <main>
	  		<section>
	  			<article>
	  			<p>this paragraph is highlghited
	  			separtely because this lines are inside the
	  			blockquote tag.So we know this will display
	  			in a block
	  			</p>
	  			</article>
	  			<aside>
	  			this paragraph is highlghited
	  			separtely because this lines are inside the
	  			blockquote tag.So we know this will display
	  			in a block
	  			</aside>
	  		</section>
	  </main>
      <footer>
      		<p> copyright by video kuma</p>
      </footer>
   </body>
</html>