Scribd
Unggah
35 tayangan

HTML Basic

Dokumen tersebut memberikan penjelasan mengenai HTML (Hypertext Markup Language) yang digunakan untuk mengatur kerangka web agar dapat disesuaikan secara dinamis. HTML menyediakan berbagai tag pemformatan untuk heading, paragraf, teks, daftar, hyperlink, media, tabel, dan form.

Diunggah oleh

Kelas Kreatif
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
35 tayangan

HTML Basic

Dokumen tersebut memberikan penjelasan mengenai HTML (Hypertext Markup Language) yang digunakan untuk mengatur kerangka web agar dapat disesuaikan secara dinamis. HTML menyediakan berbagai tag pemformatan untuk heading, paragraf, teks, daftar, hyperlink, media, tabel, dan form.

Diunggah oleh

Kelas Kreatif
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 8

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?

Anda mungkin juga menyukai