2 Materi Kode Pemograman Web HTML

Tag Atribut Deskripsi
Baris paling atas dari setiap

<html></html>
file HTML
Informasi umum dari sebuah
<head></head>
halaman web
Judul halaman. Terdapat
<title></title>
pada head
1. Background,
bgcolor, bgsound,
font, link, alink,
Settingan atribut untuk
<body></body> vlink, topmargin,
seluruh dokumen
leftmargin,
marginheight,
marginwidth
Kode pemograman web
Modifikasi Teks
Tag Deskripsi Contoh
<b> </b> Teks tebal Teks tebal
<i> </i> Teks miring Teks miring
<u> </u> Teks garis bawah Teks garis bawah
Cara mengubah text dengan tag heading <h1> sampai dengan <h6>. <h1> merupakan
ukuran huruf yang paling terbesar dan
<h6> adalah ukuran huruf terkecil
<h1> </h1> Header 1

HEADE
R1
<h2> </h2> Header 2 Header 2
<h3> </h3> Header 3 Header 3
<h4></h4> Header 4 Header 4
<sub></sub> Subscript Subscript
<sup></sup> Superscript script
Super
Font
Mengubah gaya suatu
<font></font> Color, size, name
huruf
Selain itu anda dapat menggunakan Kode HTML untuk memanipulasi warna
dan besar huruf pada Text :
<FONT SIZE=”....” COLOR=”.....” FACE=”......”>........</FONT>.
SIZE untuk mengatur ukuran huruf

COLOR untuk mengatur warna huruf
FACE untuk mengatur jenis huruf
Misalnya anda ingin mengatur warna pada sebuah Text :
<FONT COLOR="blue"> text akan berwarna biru </FONT>

<FONT COLOR="red"> Text akan berwana merah </FONT>
<FONT COLOR="white"> text akan berwanar putih </FONT>
Apabila anda ingin mengatur Ukuran text contohnya sebagai berikut :
<FONT SIZE=”1″>Ukuran 1 akan seperti in.</FONT>

Bagaimana jika ingin memilih jenis text :
<FONT FACE=”Arial”>Ini memakai font arial black.</FONT>

<FONT FACE=”Helvetica”>Ini memakai font Helvetica.</FONT>
<FONT FACE=”Georgia”>Ini memakai font Impact.</FONT>
Link
Pembahasan berikutnya.Dengan HTML membuat sebuah link didalam text:
Membuat LINK
Href, target, style, class, Membuat link ke dokumen
<a href = “....”> </a>
name, id atau situs lainnya
<a href=”http://www.instagram.com”>latihan1</a>
Membuat Gambar
Penjelasan dibawah ini adalah untuk memasukan gambar
Src, alt, name, border, Menampilkan sebuah
<img src=”....”>
height, width gambar
<img src="folderdarifoto/namadarifoto.jpg" width="860px" heigth="380px">
Formating
Digunakan untuk mengatur
Contoh text in a block quote
<blockquote> </blockquote> text dan gambar dalam
format ( “ “ )
suatu tag
<p> </p> Paragraf baru
<br> Ganti baris
<hr> Garis horizontal
Membuat text menjadi
<center> </center> Menengahkan elemen
posisi tengah
Tabel
Border, cellpadding,
cellspacing, width, height, Mengatur semua elemen
<table> </table>
name, id, title, bgcolor, table
background, align, valign
Height, bgcolor,
Membuat baris baru dalam
<tr> </tr> background, align, valign,
table
title
Height, width, bgcolor,
<td> </td> background, align, valign, Membuat kolom
title, colspan, rowspan
Height, width, bgcolor, Header(kepala tabel).
<th> </th> background, align, valign, Otomatis ke tengah dan
title, colspan, rowspan tebal
Height, width, align, valign, Format yang berlaku bagi
<tbody></tbody>
bgcolor, background cell yang diapit tag
Height, width, align, valign,
Format yang berlaku bagi
<colgroup></colgroup> bgcolor, background,
kolom
colspan
Contoh 1
Anda juga harus mengetahui beberapa kode-kode yang digunakan untuk mengetur
paragraf :
<p> Untuk membuka paragraf

</p> untuk menutup paragraf
<br> Untuk membuat baris baru
<center> Untuk membuat tulisan berada di tengah </center>
Contohnya :
<P align=”left”><FONT COLOR=”read”><b> Paragraf ini menggunakan rata kiri dengan

warna tulisan biru dan bercetak tebal
<br> tag ini membuat tulisan ini dalam baris baru</b></FONT></P>
Hasilnya akan seperti ini :
Paragraf ini menggunakan rata kiri dengan warna tulisan merah dan bercetak tebal
tag ini membuat tulisan ini dalam baris baru
Contoh 2
<P align=”center”><FONT COLOR=”blue”><U> Paragraf ini menggunakan rata tengah

dengan warna tulisan biru dan bergaris bawah
<br> tag ini membuat tulisan ini dalam baris baru</U></FONT></P>
Hasilnya :
Paragraf ini menggunakan rata tengah dengan warna tulisan biru dan bergaris bawah
tag ini membuat tulisan ini dalam baris baru

2 Materi Kode Pemograman Web 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

2 Materi Kode Pemograman Web HTML

Diunggah oleh

Hak Cipta:

Format Tersedia

Tag Atribut Deskripsi

Baris paling atas dari setiap

<h1> </h1> Header 1

<FONT SIZE=”....” COLOR=”.....” FACE=”......”>........</FONT>.

SIZE untuk mengatur ukuran huruf

Misalnya anda ingin mengatur warna pada sebuah Text :

<FONT COLOR="blue"> text akan berwarna biru </FONT>

Apabila anda ingin mengatur Ukuran text contohnya sebagai berikut :

<FONT SIZE=”1″>Ukuran 1 akan seperti in.</FONT>

Bagaimana jika ingin memilih jenis text :

<FONT FACE=”Arial”>Ini memakai font arial black.</FONT>

<p> Untuk membuka paragraf

<P align=”left”><FONT COLOR=”read”><b> Paragraf ini menggunakan rata kiri dengan

Hasilnya akan seperti ini :

tag ini membuat tulisan ini dalam baris baru

<P align=”center”><FONT COLOR=”blue”><U> Paragraf ini menggunakan rata tengah

tag ini membuat tulisan ini dalam baris baru

Anda mungkin juga menyukai