Mengenal HTML

HTMLSCRIPT
By. Yulef D

@yulefdian
youldee@gmail.com

Mengenal
HTML
Html itu ?
• HTML
Hyper Text Markup Language
• HTML bukan sebuah bahasa
program, hanya disebut markup
language
• Markup language terdiri
dari markup tags
• HTML uses markup
tags menampilkan halaman web

Contoh
HTML
Awal Tag <html>
<body>

<h1>Heading 1</h1>

<p>Di sini isi paragraf</p>

</body>
Akhir Tag </html>

Mengenal
Tag HTML
• <html> • <b> <i> <u>
• <title> • <img src=>
• <a href=>
• <h1> …. <h6>
• <form>
• <body> • <input>
• <p> • <table>
• <ul> • <div>
• <ol> • <hr>
• <br> •

Atribut
Tag HTML
• Class =classname (css)
• Id =uniqueid (css)
• Style =style_defenition (css)
• Title =tooltips_text

Atribut
Contoh

<html>

<body style="background-color:yellow;">
<h2 style="background-color:red;">Apa yang
terlihat pada heading ini ?</h2>
<p style="background-
color:green;">Bagaimana dengan paragraf ini
? </p>
</body>

</html>

Atribut
Contoh

<p>
<font size="3" face="verdana"
color="blue">
This paragraph is in Verdana, size 3, and
in blue text color.
</font>
</p>

Atribut
Contoh

<html>

<body>
<h1 style="font-family:verdana;">A heading</h1>
<p style="font-family:arial;color:red;font-
size:20px;">A paragraph.</p>
</body>

</html>

Penting
HTML

<a href="http://www.alamat.com/"
target="_blank"> Klik di Sini Yaa.. </a>

<a href="http://www.alamatpalsu.com/">Ayu
Ting Ting</a>

Kedua tautan di atas akan berbeda dalam apa ?

Tag Sering
HTML

<img src="url" alt=“keterangan teks"/>
<img src=“gambar.jpg" alt=“ini gambar lho"
width="304" height="228" />
Bagaimana kalau digabung ?

<a href="http://www.alamat.com/"
target="_blank"> <img src=“gambar.jpg" alt=“ini
gambar lho" width="304" height="228" /> </a>

Tabel Dalam
HTML

<table border="1">
<tr>
<td>row 1, cell 1</td>
</tr>
<tr>
</tr>
</table>

Listing Dalam
HTML

<ul>
<li>Coffee</li> Bullet & Numbering
<li>Milk</li>
</ul>
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

Formulir
HTML

<form name="input"
action="html_form_action.asp" method="get">
Username: <input type="text" name="user" />
<input type="submit" value="Submit" />
</form>
<input type="text" name="firstname" />
<input type="password" name="pwd" />
<input type="radio" name="sex" value="male" />
<input type="checkbox" name="vehicle" value="Bike" />

WarnaWarni
HTML

17 warna standar : aqua, black, blue, fuchsia,
gray, grey, green, lime, maroon, navy, olive,
purple, red, silver, teal, white, and yellow.

Contoh :
DarkBlue kode Hexadecimal-nya =#00008B
DodgerBlue kode Hexadecimal-nya =#1E90FF

Mengenal HTML

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (7)

Plus de Yulef Dian

Plus de Yulef Dian (17)

Mengenal HTML