bahasa html aalah bahasa makrup (pelekat) untuk menampilkan teks, gambar dan multi media. di dalam html terdapat tag - tag yang bisa dibaca browser web sehingga tampilan informasi luar biasa bisa kita nikmati.
berikut kita akan mempelajari html dasar
pertama sobat buka dule notepadya boleh pake notepad apa ja ngak masalah suka suka sobat.
biasanya dalam menulis kode -kode html akan menghasilkan baris yang panjang dan melebar kearah baris untuk mengatasi hal tersebut sobat cari di menu edit - word wrap atau di menu format - word wrap
yang perlu diperhatikan dalam menulis html membutuhkan tag awal dan tag akhir namun ada beberapa tag html tidak memerlukan tag akhir, misalnya tag paragraf.
1. document web sederhana
kita akan membuat html paling sederhana yang terdiri dari dua tag yaitu tag dan tag .
untuk memulainya ketikan pada notepad kode berikut
<html>
<head>
<html>
<head>
web pertamaku
</head>
</head>
</html>
berikutnya file tersebut bisa anda simpan dengan indeks.html, berikutnya silahkan cari tempat file tersebut disimpan dan klik 2 kali untuk menampilkan, dan lihat web anda telah selesai dngan kata lain kini anda sudah bisa membuat web html senderi.
2. menggunakan tag head dan bodypada bagian head ini kita dapat menulis judul, tag judul dipakai secara luas oleh mesin pencari web, selain itu untuk bagian judul sebaiknya ditulis dengan sesingkat mugkin namun masih bisa mencerminkan isi dari web anda.
tuliskan kode di bawah ini
<head>
<title> web pertama ku </title>
</html>
simpan, dan coba lihat perubahan web anda di judul web anda.
3. Memformat huruf paragraf
Secara umum setiap tag pembentuk HTML bekerja dengan cara yang sama, masing - masing tag bekerja dengan menggunakan tag pembuka dan penutup, semua teks diantara tag tersebut akan mengikutu tag yang dituliskan.
mengubah huruf tebal miring dan garis bawah
untuk huruf tebal akan menggunakan tag <B> dan ditutup dengan </B> contoh <B>jendela</B>
untuk huruf miring akan menggunakan tag <I> dan ditutup dengan </I> contoh <I> jendela </I>
untuk huruf garus bawah menggunakan tag <U> dan ditutup dengan </U> contoh <U>jendela </U>
untuk memakai 2 pengubahan sekaligus bia tinggal dipadukan saja tag - tag tersebut sesuai kebutuhan
4. tag sub scirpt & super script dan tag paragraf
a. <SUB></SUB> sub script digunakan untuk menampilkan tulisan agak dibawah baris
b. <SUP></SUP> super script digunakkan untuk menampilkan tulisan agak diatas baris
c. tag paragraf
tag paragraf digunakan untuk menentukan atau membedakan paragraf satu dan paragraf lainnya. untuk format akan selalu rata kiri jadi jika sobat pengen membuat rata yang laiinya tinggal ditambah align
contoh
untuk rata kiri <p align = left >
untuk rata tengah <p align = center>
untuk rata kedua -duanya<P align = justify>
5. tag font<FONT COLOR="red">Ini warna merah.</FONT>
<FONT COLOR="blue">Ini warna biru.</FONT>
<FONT COLOR="green">Ini warna hijau.</FONT>
<FONT COLOR="yellow">Ini warna kuning.</FONT>
<FONT>Ini warna hitam (tanpa menulis color, tulisan anda berwarna hitam sebagai default. </FONT>
<FONT SIZE="1">Ini ukuran 1.</FONT>
<FONT SIZE="2">Ini ukuran 2.</FONT>
<FONT SIZE="3">Ini ukuran 3.</FONT>
<FONT SIZE="4">Ini ukuran 4.</FONT>
<FONT SIZE="5">Ini ukuran 5.</FONT>
<FONT SIZE="6">Ini ukuran 6.</FONT>
<FONT SIZE="7">Ini ukuran 7.</FONT>
<FONT FACE="Arial">Ini memakai font arial.</FONT>
<FONT FACE="Arial Black">Ini memakai font arial black.</FONT>
<FONT FACE="Comic Sans MS">Ini memakai font comic sans MS.</FONT>
<FONT FACE="Courier New">Ini memakai font courier new.</FONT>
<FONT FACE="Helvetica">Ini memakai font helvetica.</FONT>
<FONT FACE="Impact">Ini memakai font impact.</FONT>
<FONT FACE="Times New Roman">Ini memakai font times new roman.</FONT>
<FONT FACE="Verdana">Ini memakai font verdana.</FONT>untuk kode warna bisa silahkan klik di sini
semoga bermanfaat buat pengunjng blog jendela ilmu jangan lupa comment yea :)
Post a Comment