basic_html/layout.html at main · wahidbux/basic_html · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

 <!-- Page layout techniques:using sematic tags for layout -->
 <!-- Making header here  -->

 <header>
    <h1>My Portfolio</h1>
</header>

<main>
 <!-- Tags inside main tag -->
 <!-- Section Tag: for a section on your page -->

 <section>Education = javaScript | node js </section>
 <section>Experience = Good in javaScript|node js</section>

 <!-- Artical tag: for an artical on your page -->
 <article>My story:</article>

 <!-- Aside Tag: for content aside main content  -->

 <aside>This is an add</aside>

 <!-- Anchor Tag using target  -->

 <a href="https://www.google.com/" target="_main">Google</a>

</main>

 <!-- Making footer here  -->
 <footer>
    <h4>Contact me at wahidmari@gmail.com</h4>
 </footer>

</body>
</html>