P2 - Web Design @anasberkata

<TAG_PEMBUKA> KONTEN </TAG_PENUTUP>

<TAG_PEMBUKA>
KONTEN
<TAG_PENUTUP>

HTML Contoh :

Hypertext Markup Language <header>

Ini adalah bagian header
Mengatur kerangka web </header>
agar web bisa di atur <footer>
secara dinamis Ini adalah bagian footer
</footer>

HTML References :
https://www.w3schools.com/tags/
 HEADING + PARAGRAF + TEXT FORMATTING

Heading
<h1>……….</h1>
s/d
<h6>……….</h6>
Paragraf
HTML <p>……….</p>

Hypertext Markup Language Text Formatting

<b> Text Tebal
Mengatur kerangka web
<strong> Text Penting
agar web bisa di atur
secara dinamis <i> Text Miring
<em> Text Penting dengan Penekanan
<mark> Text yang di Tandai
<small> Text Kecil
<del> Text yang di Delete
<ins> Text Insert
<sub> Subscript
<sup> Superscript
 LIST

Unordered List - List Bullet

<ul>
<li>List 01</li>
HTML <li>List 02</li>
<li>List 03</li>
Hypertext Markup Language </ul>
Ordered List - Number / Letter List
Mengatur kerangka web
agar web bisa di atur <ol>
secara dinamis <li>List 01</li>
<li>List 02</li>
<li>List 03</li>
</ol>
 HYPERLINK & MEDIA

Hyperlink
<a href=“target”>Text/Image</a>

Image
HTML <img src=“target”>
Hypertext Markup Language
Audio
Mengatur kerangka web <audio><source src=“target” type=“type”></audio>
agar web bisa di atur
secara dinamis Video
<video><source src=“target” type=“type”></video>

Object
<object data=“file”></object>
<embed src=“file”>
 TABLE

Table
<table>
<tr>
HTML <td>……….</td>
<td>……….</td>
Hypertext Markup Language </tr>
Mengatur kerangka web </table>
agar web bisa di atur
Table Merge
secara dinamis
<table>
<tr colspan=“….”>
<td rowspan=“….”>……….</td>
<td>……….</td>
</tr>
</table>
 FORM

Form
<form>

HTML Element….
</form>
Hypertext Markup Language
Input
Mengatur kerangka web <form
agar web bisa di atur <input type=“….” name=“….”>
secara dinamis <input type=“….” name=“….”>
<input type=“….” name=“….”>
</form>

Form & Input References :

https://www.w3schools.com/html/html_form_elements.asp
Anda Pusing?