-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathHTML_102_Week3_ENES BORA_summary.html
144 lines (132 loc) · 5.64 KB
/
HTML_102_Week3_ENES BORA_summary.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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>WP 2019 - Hafta 02 - Ödev</h1>
<p>Bu haftaki derste daha fazla <mark>HTML Atribüt</mark>lerini tanidik ve biraz daha dataylarina baktik ve
<mark>HTML Entities</mark>'ler ile tanistik.
Ayrıca <strong><u>form</u></strong> ve kullanicilarin bilgi girebilmesi icin <strong><u>input</u></strong>
elemanlarini tanidik. Asagida "Hafta 04 Konseptler ve Linkler" bölümünde bu hafta islediklerimizi özet olarak
bulabilirsiniz.</p>
<hr>
<fieldset>
<legend><mark><strong>HATIRLATMA</strong></mark></legend>
<p>
<font color="red">▼ OKU BENİ...</font>
</p>
<p><strong>Teorie derslerinde gördügünüz konularin disinda kendiniz de ayrica arastirma yapip tag ve
attribute'leri ögreniniz.</strong></p>
Ölçü olarak, alttaki dagilimi referans alabilirsiniz:
<ul>
<li><i>25% Teori</i></li>
<li><i>20% Pratik</i></li>
<li><i>25% Ödev</i></li>
<li><i>30% Kendi basiniza arastirma</i></li>
</ul>
</fieldset>
<fieldset>
<legend><strong>Hafta 04 Konseptler ve Linkler</strong></legend>
<span>▼ Göster...</span>
<ul>
<li><strong>HTML Tag'lari</strong></li>
<ul>
<li> form / input / select / textarea / label / button / fieldset / legend</li>
<li>audio, progress, meter, textarea, video, map, select, option</li>
<li>meta</li>
<ul>
<li>meta tag kullanım örmekleri: <a
href="https://gist.github.com/kevinSuttle/1997924">https://gist.github.com/kevinSuttle/1997924</a>
</li>
</ul>
<li>embed, iframe</li>
<li>Daha fazlasi: <a href="https://www.w3schools.com/tags/">html.com/tags</a></li>
</ul>
<li><strong>HTML Attribütleri</strong></li>
<ul>
<li>Global</li>
<ul>
<li>id, class, title, style, data-*, hidden, lang, tabindex, contenteditable</li>
<li>Event Handlers</li>
<ul>
<li>onlick, onfocua, onchange, onmouseout, onmouseover, ondbclick</li>
</ul>
<li>Daha fazlası: <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element">Dev Mozilla
Reference</a></li>
</ul>
<li>Tag spesifik</li>
<ul>
<li>src, alt, href, target, type, autofocus, autocomplete, placeholder</li>
<li>pattern, placeholder, min, max, size, minlength, maxlength, name, readonly, required,
spellcheck, value, ...</li>
<li>loop, autoplay, muted, played, buffered</li>
<li>Teori slaytlarina ve HTML.com/attributes 'a kullanim kontext'leri ve daha fazlasi icin bakiniz
</li>
</ul>
<li>Daha fazlasi: <a
href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes">html.com/attributes</a></li>
</ul>
<li><strong>HTML Entity'leri</strong></li>
<ul>
<li>💩, 😉, 🙈, 😎</li>
<li>Karakter referans sayfasi <a href="https://dev.w3.org/html5/html-author/charref">HTML Entities
Interactive Reference</a></li>
</ul>
</fieldset>
<hr>
<br>
<br>
<br>
<table>
<caption>İsviçre'de bazi kantonlar ile ilgili bilgiler</caption>
<tr bgcolor="#008080">
<th width="150">Isim</th>
<th width="50">Kisaltma</th>
<th width="100">En büyük sehri</th>
<th width="75">Nüfusu</th>
<th width="100">Konusulan dil</th>
<th width="25">Bayragi</th>
<th width="25">Sayfasi</th>
</tr>
<tr>
<td>Zurich</td>
<td>ZH</td>
<td>Zürich</td>
<td>1'504'346</td>
<td>Almanca</td>
<td><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/8b/Zurich-coat_of_arms.svg/20px-Zurich-coat_of_arms.svg.png"
alt="Zurich flag"></td>
<td><a href="zh.ch">zh.ch</a></td>
</tr>
<tr>
<td>Cenevre</td>
<td>GE</td>
<td>Cenevre</td>
<td>495'249</td>
<td>Fransizca</td>
<td><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f0/Coat_of_Arms_of_Geneva.svg/20px-Coat_of_Arms_of_Geneva.svg.png"
alt="Cenevre flag" </td> <td><a href="ge.ch">ge.ch</a></td>
</tr>
<tr>
<td>Bern</td>
<td>BE</td>
<td>Bern</td>
<td>1'031'126</td>
<td>Almanca, Fransizca</td>
<td><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3f/Berne-coat_of_arms.svg/20px-Berne-coat_of_arms.svg.png"
alt="Bern flag>" </td> <td><a href="be.ch">be.ch</a></td>
</tr>
<tr bgcolor="#C0C0C0">
<td colspan="7">...</td>
</tr>
<tr>
<td colspan="3" ; align="center" ; bgcolor="#FFFF00">Toplam nüfus</td>
<td colspan="3">8'039'060</td>
</tr>
</table>
</body>
</html>