Assalamualaikum wr. wb.
Oke masbro sekarang penulis mau posting lagi tentang tugas sekolah euy, ini juga karna tugas sekolah jadi posting lagi tentang HTML Penulis mau nge share Tentang
HTML ^.
HTML
adalah hypertext markup language,
fungsi html didalam sebuah dokumen web adalah untuk struktur tampilan dokumen
tsb dan juga untuk menampilkan link sambungan ke halaman web lain yg ada di
internet. Biasanya sebuah dokumen html disimpan ekstensi html. HTML disebut jga
markup language karena HTML berfungsi utk memperpindah file tulisan (text)
biasa utk dapat dilihat pada sebuah web browser.
Disini saya akan banyak menjelaskan
tentang sintaxs dasar HTML karena sudah bnyak sekali buku yg membahas tentang
hal ini.
Untuk membuat HTML, anda cukup
menggunakan notepad walaupun banyak software’’ yg memudahkan kita membuat
dokumen html
Struktur penulisan dokumen HTML
sebagai berikut :
<html>
<head>
<title> www.websaya.com</title>
</head>
<body>
<h1 align="center"> SELAMAT DATANG DI WEBSITE SAYA</h1>
</body>
</html>
<html>
<head>
<title> www.websaya.com</title>
</head>
<body>
<h1 align="center"> SELAMAT DATANG DI WEBSITE SAYA</h1>
</body>
</html>
Skrip diatas adalah file html yg paling
sederhana. Setiap tag HTML selalu memiliki tag pebuka dan tag penutup. Pada
contoh diatas missal tag <HEAD> maka ditutup dengan tag </head>,
coba perhatikan, ada tanda “/” pada setiap tag penutup.
Memanipulasi
TEXT
Disini saya akan memberikan contoh cara
memanipulasi text dengan notepad …
<html>
<html>
<head>
<title>manipulasi text</title>
<head>
<body>
<b>hurup tebal atau bold</b>
<br>
<i>hurup miring atau italic</i>
<br>
<u>garis bawah atau
underline</u> <br>
<font color="green">ini
warna hijau</font> <br>
<font color="blue">ini
warna biru</font> <br>
<font color="brown">ini
warna coklat</font> <br>
</body>
</html>
Untuk kode warna biasanya menggunakan
beberapa kode tertentu dengan hurup atau angka atau gabungan keduanya.
Berikut standar kode warna
Warna
|
Hex 6
|
RGB
|
Black
|
#000000
|
0,0,0
|
Silver
|
192,192,192
|
|
Gray
|
128,128,128
|
|
White
|
255,255,255
|
|
Maroon
|
128,0,0
|
|
Red
|
255,0,0
|
|
Purple
|
128,0,128
|
|
Fuchsia
|
255,0,255
|
|
Green
|
0,128,0
|
|
Lime
|
0,255,0
|
|
Olive
|
128,128,0
|
|
Yellow
|
255,255,0
|
|
Navy
|
0,0,255
|
|
Blue
|
0,0,128
|
|
Teal
|
0,0,255
|
|
aqua
|
0,255,255
|
|
Ada beberapa aturan lain yg digunakan utk
text. Berikut contohnya …
<html>
<head>
<title>manipulasi text</title>
<head>
<body>
<b>hurup tebal atau bold</b>
<br>
<i>hurup miring atau italic</i>
<br>
<u>garis bawah atau
underline</u> <br>
<font size="1">ini hurup
dengan ukuran 3</font> <br>
<font size="5">ini hurup
dengan ukuran 5</font> <br>
<font size="7">ini hurup
dengan ukuran 7</font> <br>
</body>
</htm>
Pengaturan
paragraph
Contoh
<html>
<head>
<title>mengatur
paragraf</title>
<head>
<body>
<p align="center">tulisan
rata tengah</p>
<p align="left">tulisan
rata kiri</p>
<p align="right">tulisan
rata kanan</p>
<p align="justify">tulisan
rata rata kiri dan kanan</p>
</body>
</html>
HYPERLINK
Hyperlink atau link adlah sambungan yg akan
menghubungkan suatu web dengan web lainnya di internet. Sebagai contoh, kita
akan membuat link yg akan menuju ke hal. Utama google .. contoh :
<html>
<head>
<title>membuat link</title>
<head>
<body>
klik tulisan ini untuk pergi ke <a
hrep=http://www.google.co.id/>halamat
utama google</a>. terima kasih.
</body>
</html>
IMAGES
Untuk memunculkan gambar pada web, kita
dapat menambahkan html.
<img src=”target_atau_url_gambar”>
Contoh :
<html>
<head>
<title>gambar</title>
<head>
<body>
<img src="images/mm1.jpg">
</body>
</html>
Cukupkan segitu aja ea infohnya :D
Cukupkan segitu aja ea infohnya :D
