Mengenal HTML

HTMLSCRIPTBy. Yulef D

@[email protected]

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

Mengenal HTML

Contoh HTML

<html><body>

<h1>Heading 1</h1>

<p>Di sini isi paragraf</p>

</body></html>

Awal Tag

Akhir Tag

Mengenal Tag HTML

• <html>• <title>• <h1> …. <h6>• <body>• <p>• <ul>• <ol>• <br>

• <b> <i> <u> • <img src=> • <a href=> • <form>• <input>• <table>• <div>• <hr>• 

AtributTag HTML

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

AtributContoh

<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>

AtributContoh

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

AtributContoh

<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>

PentingHTML

<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 SeringHTML

<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 DalamHTML

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

Listing DalamHTML

<ul><li>Coffee</li><li>Milk</li></ul>

<ol><li>Coffee</li><li>Milk</li>

</ol>

Bullet & Numbering

FormulirHTML

<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" />

WarnaWarniHTML

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 =#00008BDodgerBlue kode Hexadecimal-nya =#1E90FF

WarnaWarniHTML

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 =#00008BDodgerBlue kode Hexadecimal-nya =#1E90FF

Blog & HTML

Blogspot

Blog & HTML

Wordpress

Thanks for Attention

Education

Mengenal HTML