File file tersebut ditulis atau diketik menggunakan berbagai macam text editor misalkan:
- Noteped
- Notepad++
- Sublime Text
- Macromedia Dreamweaver 8
HTML terdiri atas berbagai macam TAG yang digunakan untuk menandai dan mengatur tampilan dari halaman web yang kita buat . Misalkan kita ingin membuat kalimat yang bercetak tebal di Web, maka kita gunakan Tag yang cocok untuk itu.
Tag biasanya dituliskan berdasarkan di awal atau di akhir bagian file yang akan ditandai untuk yang diletakkan di awal bagian dengan tanda ("<") nama tag dan tanda (">") dan untuk tag yang diletakkan di akhir bagian ditulis dengan ("<"),("/") nama tag dan tanda (">") Tag <HTML> dan juga </HTML>
digunakan untuk menandai awal dan akhir sebuah dokumen HTML, bagian kepala dokumen yang ditandai dengan HEAD dan bagian dokumen yang ditandai dengan BODY.
Pada bagian kepala dokumen HEAD kita dapat menambahkan judul halaman web yang kita buat menggunakan tag TITLE.
Contoh dasar utama dari web desain:
<HTML>
<HEAD>
<TITLE> Judul Dari Web Yang Kita Buat </TITLE>
<TITLE> Judul Dari Web Yang Kita Buat </TITLE>
</HEAD>
<BODY>
</BODY>
</BODY>
</HTML>
Beberapa tag HTML memiliki atribut atribut dari tag <BODY> adalah sebagai berikut
ATRIBUT | KETERANGAN |
Background | Untuk menentukan gambar latar belakang dari badan dokumen |
Bgcolor | Untuk menentukan warna latar belakang |
Text | Untuk warna text yang berada dalam badan dokumen |
Hanya ditambahkan disamping <BODY>
Contoh untuk Bgcolor:
<BODY bgcolor="Red" text="blue">
Contoh untuk Background:
<BODY background="C:\Users\Public\Pictures\Sample Pictures\Lighthouse.jpg" text="white">
Keterangan untuk background: pastikan ekstensi gambar yang ingin dimasukkan harus ada juga contoh .jpg .gif .png
Tag <P> digunakan untuk membuat paragraf baru </P> mempunyai atribut bernama Align yang berguna untuk menentukan apakah paragraf tersebut akan ditampilkan menjadi rata kanan, kiri, tengah atau justify, Pilihannya adalah RIGHT, LEFT, CENTER, dan JUSTIFY.
Contohnya codingnya: <P align="Center">
Tag <BR> adalah salah satuh jenis tag yang tidak perlu dituliskan berpasangan. Tag <BR> digunakan untuk memisahkan text menjadi beris baru.
Tag <HR> adalah juga tidak perlu dituliskan berpasangan. Tag <HR> digunakan untuk menampilkan sebuah garis lurus horizontal pada web yang kita buat. Tag <HR> memiliki atribut SIZE dan WIDTH untuk mengatur tinggi dan lebar garis horizontal yang ditampilkan.
<CENTER> berfungsi untuk membuat text berada ditengah </CENTER> anda juga dapat mengubah ukuran ukuran huruf dengan tag heading yanitu <H1> sampai <H6>. Tag tersebut biasanya digunakan untuk menentukan bagian bab, subab dari text dalam dokumen HTML. Tag <H1> digunakan untuk menentukan Heading 1 yang berukuran besar </H1>, sedangkan tag <H6> dugunakan untuk menentukan Heading 6 yang berfungsi paling kecil </H6>.
Tag tag untuk format text
Tag | Keterangan |
<SMALL> | Membuat text menjadi relative kecil dari pada text lainnya |
<BIG> | Membuat text menjadi relative besar dari pada text lainnya |
<I> | Membuat text tercetak miring |
<B> | Membuat text tercetak tebal |
<U> | Membuat text tercetak garis bawah |
<SUP> | Membuat text menjadi superscript, contohnya pada langkah ke 2 dalam text X2 |
<STRIKE> | Membuat text tercoret |
<SUB> | Membuat text menjadi superscript, contohnya pada langkah ke 2 dalam text H2O |
Selain menggunakan tag tag di atas, HTML juga menyediakan sebuah tag <FONT> untuk memformat text dengan lebih kompleks.
Tag <FONT> memiliki atribut:
- SIZE digunakan untuk menentukan ukuran text. Contoh: <FONT size="4"> Ukuran 4 </FONT>
- COLOR digunakan untuk menentukan warna text. Contoh: <FONT color="Blue"> Biru </FONT>
- FACE digunakan untuk menentukan jenis huruf yang digunakan dalam text misalnya verdana, arial, georgia dan lain lain.
Membuat Tabel
Tabel digunakan untuk menyajikan data dalam colom dan baris. Berikut ini elemen elemen yang digunakan untuk membentuk suatu tabel.
Elemen | Keterangan |
<TABLE> . . . . . </TABLE> | Adalah tag awal penandaan awal dan akhir suatu tabel |
<TR> . . . . . </TR> | Adalah tag yang menandakan suatu baris dalam tabel |
<TD> . . . . . </TD> | Adalah tag yang akan membagi baris menjadi beberapa kolom |
<TH> . . . . . </TH> | Untuk mendefinisikan sebuah sel Header secara default text dalam sel ditebalkan dan ditampinkan di tengah |
Masing masing tag memiliki atribut sebagai berikut:
Elemen | Penjelasan |
Bgcolor | Untuk menentukan warna latar belakang |
Background | Untuk menentukan gambar yang akan menjadi latar belakang table/kolom |
Border | Untuk menentukan lebar bingkai table |
Width | Untuk menentukan lebar sel |
Height | Untuk menentukan tinggi sel |
Align | Untuk mengatur perantaan horizontal |
Valign | Untuk mengatur perantara vertical |
Cellspacing | Untuk menentukan jarak antar kolom |
Cellpadding | Untuk menentukan jarak antara isi dengan tepi kolom |
Colspan | Untuk menentukan berapa kolom yang akan digabung |
Rowspan | Untuk menentukan berapa baris yang akan digabung |
Inilah dasar dasar web desain yang saya ketahui, kunjungu juga Dasar Pembuatan FORM Web Desain.
No comments:
Post a Comment
Masukkan komentar anda