Dasar Belajar Membuat Halaman Web Pada HTML

Dasar-dasar pembuatan halaman WEB
Berikut adalah beberapa tag yang telah diajarkan :
1. <HTML></HTML>
Digunakan untuk membungkus dokumen HTML tersebut agar dapat dikenali
oleh program browser yang bersangkutan.
2. <HEAD> <TITLE></TITLE><HEAD>
Berfungsi untuk memberikan informasi kepada pemakai mengenai title dan
informasi lainnya di halaman WEB yang kita bangun.
3. <BODY>.</BODY>
Komponen ini terdiri atas isi atau data dari dokumen HTML yang akan
ditampilkan.
4. <Hx>.</Hx>
Disebut sebagai Heading yang berupa format teks tertentu
yang digunakan sebagai judul dari suatu paragraf. Dengan X biasanya terdiri dari 1
sampai 6.
5. . Kependekan dari (PARAGRAF)

Digunakan untuk menuliskan paragraf. Fungsi spasi dalam tag ini diabaikan.
6. <PRE>.</PRE>
Sama dengan fungsi dari tetapi bedanya fungsi spasi diberlakukan.
7.
.
Digunakan untuk mengatur align sebuah tulisan. Pilihan align adalah justify,
center, align right, align left.
8.
 atau sering disebut break.

Digunakan untuk memenggal atau memotong kalimat yang panjang.
9. .

Face digunakan untuk menentukan jenis tulisan yang akan digunakan, size
adalah untuk menentukan besar dari huruf, kemudian color adalah untuk menentukan
warna dari font yang dipakai.
10. <HR>
Untuk membuat garis horizontal.
11. <!Komentar-->
Sebenarnya tag ini tidak begitu penting, Tetapi menjadi sangat penting bagi
orang lain yang membaca program tersebut. Komentar biasanya ditempatkan diantara
program untuk memberikan komentar atas program yang dibuat. Maksud utama
dibuat komentar adalah agar pembaca dapat mengerti maksud program tersebut tanpa
harus bertanya langsung kepada orang yang membuatnya.
12.. {B dari kata BOLD}

Berfungsi untuk mencetak tebal huruf yang diinginkan.
13..
{I dari kata ITALIC}
Digunakan untuk mengubah tulisan menjadi miring.
14..
{U dari kata UNDERLINE}
Menjadikan huruf yang diinginkan menjadi tergaris bawahi.
15..
{SUB dari kata SUB SCRIPT}
Digunakan untuk membuat pangkat bawah.
16..
{SUP dari kata SUPER SCRIPT}
Digunakan untuk membuat pangkat.
17.<TT>.</TT>
{TT dari kata TELETYPE }
Fungsi dari tag ini adalah menjadikan font yang kita inginkan terketik seperti
mesin ketik.
18..
Digunakan untuk mengubah menjadi mirip huruf tebal.
19.<CODE>.</CODE>
Berfungsi untuk mengubah huruf menjadi huruf jenis courier.
20..
Menjadikan font yang dipilih menjadi font yang mirip italic.
21.<SAMP>.</SAMP>
Mempunyai fungsi seperti CODE.
22.<ACRONYM>.</ACRONYM>
Berfungsi untuk menampilkan acronim dari kata yang kita tulis dengan terlebih
dahulu menuliskan acronimnya pada tag. Kemudian apabila pada dokumen html yang
telah dijalankan, cursor kita tempatkan pada kata tersebut maka acronimnya akan
muncul secara otomatis.
23.<ADDRESS>.</ADDRESS>
Berfungsi untuk menampilkan alamat.
24.<BLOCKQUOTE>.</BLOCKQUOTE>
Digunakan untuk membuat agar tulisan yang kita buat dapat menjorok ke
dalam. Tag ini dapat terdiri atas beberapa level. Semakin besar level maka
penulisannya akan semakin menjorok ke dalam. Untuk contoh penulisannya adalah
seperti ini :
<blockquote>
Level 1
<blockquote> Level 2 </blockquote>
25.<CITE>.</CITE>
Tag ini digunakan untuk membuat teks kutipan.
26.<MARQUEE>.</MARQUEE>
Tag ini digunakan untuk menggerakkan font dengan arah sesuai dengan
keinginan kita. Marquee ini dibagi atas 3 behavior yaitu slide, scroll, dan
alternative. Behavior Slide berfungsi untuk menggeser huruf dari arah terserah kita
kemudian huruf tersebut akan berhenti di sisi yang satunya, Behavior Scroll berfungsi
untuk menggeser huruf dengan arah terserah kita kemudian setelah sampai di ujung
huruf tersebut akan kembali tergeser dari awal arah yang tadi telah kita tentukan.
Selanjutnya arah pergeseran huruf dapat kita tentukan dengan menggunakan

kode direction yang ditulis setelah marquee dengan pilihan arah pergeseran UP,
DOWN, RIGHT, dan LEFT.
27.<OL><LI>.</LI></OL>
Digunakan untuk membuat list atau daftar dengan penomoran berbentuk bullet.
Kode <OL> ini terbagi atas 3 type yaitu square, circle, disk. Untuk type Square
mempunyai bullet berbentuk kotak (), Untuk type circle mempunyai bullet
berbentuk lingkaran kosong (), sedangkan disk mempunyai bentuk bullet lingkaran
penuh ().
28.<UL><LI>.</LI></UL>
Digunakan untuk membuat list atau daftar dengan penomoran berbentuk angka.
Berikut ini sebenarnya bukan TAG tetapi penulisan dan tampilan di menu
browser akan berbeda yaitu special karakter. Adapun macam-macam special karakter
yang ada adalah :
Penulisan Spesial Karakter

&
"
Tampilan Di Browser
&
<
>
®
©
´
½
¼
¾
×
÷
ö
ó
ô
ñ
€
<
>
Kemudian contoh tampilan halaman web yang telah dibuat berdasarkan materi diatas :

Dasar Belajar Membuat Halaman Web Pada HTML

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Dasar Belajar Membuat Halaman Web Pada HTML

Diunggah oleh

Hak Cipta:

Format Tersedia

Dasar-dasar pembuatan halaman WEB

Berikut adalah beberapa tag yang telah diajarkan :

5. <P>.</P> Kependekan dari (PARAGRAF)

<P align = "">.</P>

<BR> atau sering disebut break.

9. <FONT FACE="..." SIZE= COLOR="">.</FONT>

12.<B>.</B> {B dari kata BOLD}

{I dari kata ITALIC}

Digunakan untuk mengubah tulisan menjadi miring.

{U dari kata UNDERLINE}

Menjadikan huruf yang diinginkan menjadi tergaris bawahi.

{SUB dari kata SUB SCRIPT}

Digunakan untuk membuat pangkat bawah.

{SUP dari kata SUPER SCRIPT}

Digunakan untuk membuat pangkat.

{TT dari kata TELETYPE }

Selanjutnya arah pergeseran huruf dapat kita tentukan dengan menggunakan

Penulisan Spesial Karakter

Anda mungkin juga menyukai