-
Notifications
You must be signed in to change notification settings - Fork 0
/
next.html
81 lines (70 loc) · 3.6 KB
/
next.html
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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<html>
<!--Heading h1 are the most important one first seen by search engine like google-->
<h1><b><u>portofilio Next Page</u></b></h1>
<a href="index.html">Backe to previous page </a>
<h1><title>kibremoges fenta portofilio</title></h1>
<body style="background-color: yellow;" >
<img id="pic" src="photo/kb.JPG" width="200" height="250">
<h2><b><u>Kibremoges Fenta</u><br><li>Web developer</li><br><li>graphics designer</li><br><li>content creator</li></b></h2>
<h2><i>Work i have Done </i></h2>
<h3>1->Inserting <u>Headers</u> and <u>title</u> for webpage like this one</h3>
<h3>2-><u>Types</u> of text </h3>
<h3>3-> <u>Lists</u> puting any content with diferent type of <u>lists</u></h3>
<h3>4->work on :-<u> url ,images,button, textes that semantic formatting tags </u> </h3>
<h3>5->Attributes</h3>
<h3>6->Menues and Navigations</h3>
<!--Attributes are modifiers that provide additional information about elements-->
<h3>7->Form</h3>
<button>clike</button>
<p><b>1. Inserting Hedar and title as you see alrady from the above <u>portofilio</u> is <u>h1</u> <u>Word work i have done</u>is <u>h2</u> and The work i have done list is <u>h3</u> all the 3 </b></p>
<p><b>2. Type of text</b></p>
<ol>
<li>
<p>bold-<b>bold</b></p> </li>
<li>
<p>italik-<i>italik</i></p> </li>
<li>
<p>underine-<u>underline</u></p></li>
</ol>
<p><b>3. Types of list</b></p>
<!--lists with li continer tag are used for list the content -->
<p> lists </p>
<p><li>item 1</li><li>item 2</li><li>item 3</li></p>
<p>unorder list</p>
<ul><li>item 1</li><li>item 2</li><li>item 3</li></ul>
<p>order list</p>
<ol></li><li>item 1</li><li>item 2</li><li>item 3</li></ol>
<p><b>4. url,image,button,textes</b></p>
<p>i am here to be cliked</p>
<button>clike me then</button>
<p>semantic formatting tag <strong>i am strong</strong></p>
<p>semantic formatting tag <em>i am here to be emphasiesed</em></p>
<p>Here i use break to put on new line our texte below</p>
<p><i> The working url of our beloved search Engine <br> clike below </i></p>
<a href="http://ggoogle.com">search</a>
<p><b>5. Attributes</b></p>
<!--Attributes are modifiers that provide additional information about elements-->
<p><li>src</li><li>href</li><li>alt</li><li>height and width</li></p>
<p>attributes hase Name and Value Ex,</p>
<p><u>Names</u> src,href,width,height,alt</p>
<p><u>Values</u> "desktop/newfolder","http//:google.com","200","150","the photo of boy"</p>
<!--navigation used to navigate single and multiple pages ..the hash # used to targate section in same pages-->
<p><b>Menues and Navigations</b></p>
<p>we use unique id attribute to navigate Ex,</p>
<p><u>->single page</u><br>onlye have one html file and use # to targate the sections </p>
<p id="pt"><strong> lost paragraph to be targated is here </strong></p>
<a href="#pt">locate the lost paragraph</a>
<a href="#pic">locate the photo</a>
<p><u>->multiple pages</u><br>Have more than one pages</p>
<a href="next.html">Next page</a>
<p>Notification preferences:</p>
<form>
<input type="checkbox" id="box1">
<label for="box1">
Email</label>
<input type="checkbox" id="box2">
<label for="box2">
Push</label>
</form>
</body>
</html>