Selamat datang di Maklumat077@blogspot.com sebelumnya terimakasih atas kunjungannya ke blog saya, Oke langsung saja saya akan membagika toturial cara penulisan kode HTML.
HTML singkatan dari Hyper
Text Markup Language. Merupakan suatu bahasa pemorgraman untuk membuat
sebuah halaman web. Ada dua cara untuk membuat sebuah web page :
dengan HTML editor atau dengan editor teks biasa (misalnya dengan notepad).
Untuk latihan atau mencoba membuat materi sebaiknya menggunakan notepad,
setelah itu pada bagian mendekati akhir dapat menggunakan editor HTML. Untuk
penamaan dokumen, pilih suatu nama, kemudian tambahkan sebuah ekstensi “.htm”
atau “.html”.
Dokumen HTML disusun oleh elemen-elemen yang
merupakan istilah bagi komponen dasar pembentuk dokumen HTML. Beberapa contoh
elemen adalah : head, body, table, paragraph dan list. Untuk menandai berbagai elemen
dalam suatu dokumen HTML maka harus menggunakan tag. Tag html terdiri atas
sebuah kurung sudut kiri (<, tanda lebih kecil), sebuah nama tag, dan sebuah
kurung sudut kanan (>, tanda lebih besar). Tag umumnya berpasangan (misalnya
<h5> dengan </h5>), tag yang menjadi pasangan selalu diawali dengan
“/” (garis miring). Ada beberapa elemen yang tagnya ditulis tanpa pasangan,
misalnya : <p>, <br>, <hr>, <li>.
1.1 Menulis Kode
HTML
Pasangan tag
<html> dan </html> menandakan kode HTML yang diterjemahkan ke dalam
dokumen HTML. Umumnya terdapat dua bagian :
1.
Bagian kepala adalah tag <head>
dan </head>, sedangkan judul ditulis dengan tag <title> dan
</title>.
2.
Bagian
badan adalah tag <body> dan </body>.
1.2
Penulisan Tag
Tag ditulis
dengan tanda < dan > tanpa spasi, huruf besar dan huruf kecil.
Contoh :
<html>
<head>
<title>Contoh
Satu</title>
</head>
<body>
<p>Selamat
Datang di dunia HTML Maklumat@blogspot.com</p> </body>
</html>
1.3 Tag Judul
Untuk
mengatur ukuran teks yang dijadikan sebagai judul dalam badan dokumen. Cara
penulisan :
<html>
<head>
<title>Maklumat077@blogspot.com</title> </head>
<body>
<h1>Selamat Datang di Maklumat@blogspot.com</h1>
<h2>Selamat Datang di Maklumat@blogspot.com</h2>
<h3>Selamat Datang di Maklumat@blogspot.com</h3>
<h4>Selamat Datang di Maklumat@blogspot.com</h4>
<h5>Selamat Datang di Maklumat@blogspot.com</h5>
<h6>Selamat Datang di Maklumat@blogspot.com</h6>
</body>
</html>
1.4 Membuat Garis Horizontal
Tag <hr>
ini digunakan untuk membuat garis horizontal.
Cara penulisan :
<html>
<head>
<title>Maklumat077@blogspot.com</title> </head>
<body>
<h1>Maklumat077@blogspot.com</h1> <hr>
Selamat Datang Di Blog Saya</body>
</html>
Ada beberapa
atribut tambahan untuk tag ini, antara lain :
SIZE = untuk ketebalan
garis WIDTH = untuk lebar garis
ALIGN
= untuk penempatan teks
NOSHADE
= untuk garis tanpa bayangan
Cara
penulisan :
<html>
<head>
<title>Maklumat077@blogspot.com</title> </head>
<body>
<h1 align="center">Maklumat07@Blogspot.com
</h1>
</h1>
<hr
align = "center" width = 35% size = "10" noshade>
align = "center" width = 35% size = "10" noshade>
<center>Selamat Datang Di Blog Saya </body>
</html>
Nah Segitu Dulu yang bisa sampaikan
Terimakasih Pengunjung Maklumat077@blospot.com
0 komentar: