MEMBUAT HTML
HTML (HyperText Markup Language) adalah sebuah jenis teks dokumen khusus yang digunakan oleh web browser untuk mempresentasikan teks, gambar, maupun video. Dokumen HTML sering disebut sebagai “halaman Web”(Web Pages).Cara yang baik untuk belajar HTML ialah dengan melihat bagaimana orang lain menulis halaman HTML mereka sendiri. Untuk melakukan hal ini, click pada menu “View” lalu pada “Source”. Pada beberapa browser, anda perlu mengklik pada menu “File” dan kemudian pada “View Source”.
Untuk pengguna Mac, sebelum anda dapat dapat menyimpan file dengan akhiran (extention) “.html”, anda harus memastikan bahwa dokumen anda di ketik dalam bentuk plain text. Untuk TextEdit, anda dapat membuatnya dengan opsi “Make Plain Text” dari menu “Format”.
HTML bukan suatu bahsa pemrograman, karena bahasa ini hanya berguana untuk mengontrol tampilan dari suatu halaman (web page) beseerta isinya, berbeda dengan bahsa PHP yang di dalamnya dapat mendukung suatu bentuk perulangan (loop) ataa pengandaian (if-else) sehingga bahasa PHP dpaat disebut dengan bahsa pemrograman.
Membuat suatu html perlu sebuah text editor biasa seperti : Notepad atau Wordpad, kemudian di save dengan akhiran .htm atau .html. Contoh paragraph.html . Sebuah text editor yang elbih profesiaonal lagi menggunakan program MS FrontPage atau juga bisa memakai Dreamweaver namun software teersebut berbayar.
Struktur dasar dokumen HTML adalah sebagai berikut:
<html>
<head>
<title>Judul Dokumen HTML</title>
</head>
<body>
penulisan informasi Web
</body>
</html>
Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:
a. Tag
Adalah teks khusus (markup) berupa dua karakter “<” dan “>”, sebagai contoh <body> adalah tag dengan nama body.
Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter “/” setelah karakter “<“), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML.
b. Element
Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:
<title> ini adalah tag pembuka judul dokumen HTML
Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML
</title> ini adalah tag penutup judul dokumen HTML.
Tag-tag yang ditulis secara berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya.
Contoh penulisan tag-tag yang benar
<p>
<b>
…………….
</b>
</p>
Membuat Judul dan Paragraf dalam html
- Membuat paragraf
Di sini saya akan membuat sebuah paragraf, missal saja kita akan membuat resep dari macaroni schotel, setiap akan megawali membuat html harus diberi tanda “<…>” dan untuk mengakhiri harus dengan “</….>”
<html>
<head>
<title>Resep Membuat Macaroni Schotel</title>
</head>
<body>
Bahan : 1 bungkus makroni(227 gr,
rebus sisihkan),
1/2 kg daging kornet,
50 gr mentega,
50 gr bawang bombay,
50 gr tepung terigu,
3 butir telur (kocok sebentar),
100 gr keju parut,
500cc susu cair,
1 sdt garam,
1/2 sdt mrica bubuk,
tepung panir untuk taburan (secukupnya).
<p>
Caranya : Tumis bawang bombay sampai layu, masukkan tepung terigu aduk rata,
tuangi susu didihkan sambil diaduk hingga licin,
masukkan daging kornet, keju makaroni (aduk rata),
bubuhkan garam pala dan mrica, aduk dan angkat dari api,
masukkan telur campur rata, tuangkan ke dalam pinggan yang telah diolesi mentega dan ditaburi tepung panir,
parut keju diatasnya, panggang hingga matang.
<p> di sini yaitu untuk membuat sebuah paragraph, agar html yang akan mucul secara urut berada di bawah judul html tersebut tidak bersebelahan dengan judul html.
- Mengganti warna background
Bila kita bosan dengan warna background yang biasa-biasa saja (putih) kita bisa mengganti warna background sesuai keinginan kita, missal warna aqua, dari sintaks di atas kita langsung saja meneruskan sintaks seperti di bawah ini:
<html>
<body bgcolor=red>
Warna yang tadinya putih (standart) berubah menjadi warna merah,
bila ingin mengganti warna lagi bisa kalian ganti pada <body bgcolor=red> missal dengan warna ungu <body bgcolor=purple>
cukup sekian tutorial tentang membuat paragraf dengan sub judul resep membuat macaroni shotel.
Terima kasih
Selamat mencobaa J
Shanesgo's Blog 