Untuk menampilkan teks di halaman
web, dengan mengetikkan teks dalam tag <BODY>...</BODY>, dan untuk
mengatur peletakkan teks, ada beberapa Tag yang digunakan antaralain: center,
DIV, B, SMALL, BIG, U, I, SUB, SUP, TT, FONT.Warna font dapat diatur pada BODY
dan juga tag FONT. Untuk warna latar belakang teks dapat digunakan dengan
attribute BGCOLOR pada tag BODY.
Attribute yang digunakan adalah
ALIGN.Beberapa nilai yang digunakan adalah CENTER, LEFT, RIGHT, JUSTIFY.
Membuat Garis Horisontal
Tag untuk membuat sebuah garis
horisontal dapat menggunakan tag <HR>. Beberapa attribute pada tag HR
antara lain: SIZE, ALIGN, NOSHADE, WIDTH, dan COLOR
Contoh & Penjelasan dari Script Pengaturan Teks :
Script
list.html :
<html>
<head><title>Membuat
List</title></head>
// membuat
judul yaitu Membuat List pada html
<body>
<p
align='justify'>Teknologi web pada sisi server memungkinkan pemrosessan kode
didalam server
sehingga
kode yang sampai pada pemakai berbeda dengan asli pada server.</p><br/>
// pengaturan posisi teks pada paragraf
dimana teks rata kiri dan rata kanan terhadap halaman, ganti baris baru
<h2>Beberapa
contoh teknologi yang berjalan diserver adalah:</h2>
// teks diatas diubah ukurannya
<ul>Common
Gateway Interface<br/>
Property
web Server<br/>
Active
Server Page (ASP)<br/>
Server-side
Javascript<br/>
Java
servlets dan JavaServer Page (JSP)<br/>
<PHP<br/>
</ul>
// teks diatas ditampilkan sebagai daftar
item tanpa penomoran, ganti baris baru
</body>
</html>
Keterangan :
<html> : // tag untuk
membuat html
<head>: // tag
untuk kepala pada html
</head>: // tag untuk menutup kepala
pada html
<title>: // tag untuk membuat judul
pada html
</title>: //tag untuk menutup
pembuatan judul pada html
p: pembuatan paragraf pada html
align: mengatur posisi teks dalam baris
justify: mengatur teks rata kiri dan rata
kanan terhadap halaman
</p>: penutup pembuatan paragraf
<br/>: tag untuk ganti baris baru
<h2>: tag yang digunakan untuk
mengatur ukuran teks terbesar kedua yang dijadikan sebagai judul dalam badan
dokumen
</h2>: untuk menutup pembuatan
ukuran teks
<ul>: untuk menampilkan daftar item
(list) tanpa penomoran
<font>: memformat teks
Script
profil.html :
<html>
<head><title>Profil
STMIK AKAKOM</title></head>
// judulnya Profil STMIK AKAKOM
<body
bgcolor ='#808080'>
// pada tubuh html warna background atau
warna latarnya #808080 atau gray/ abu-abu
<h1><p
align='center'><font color='blue'> STMIK AKAKOM
YOGYAKARTA</font></p></h1>dimana warna fontnya biru/blue
// ukuran teks diperbesar dimana
pengaturan teks pada paragraf terletak di rata tengah terhadap halaman.
<font
color ='aqua' size='4'>Jln. Raya Janti No. 143</font></br>
// mengatur ketebalan garis yaitu 4 pada
teks Jln.
Raya Janti No. 143 dimana warna fontnya aqua/ biru muda,
ganti baris baru
<font
color ='00ffff' size='+1'>Yogyajarta 55198</font></br>
// mengatur ketebalan garis yaitu +1 pada
teks Yogyakarta 55198 dimana warna fontnya aqua/ biru muda,
ganti baris baru
<hr
align='center' color='0000ff' noshade size='10'>
// <hr>: tag untuk membuat gari
horisontal
Noshade: dimana tak ada bayangan pada garis
Dimana posisi teks dalam baris terletak di
tengah berwarna blue/ biru dimana tak ada bayangan pada garis
<h2>Jenjang
S1</h2> // teks Jenjang S1 diperbesar ukurannya
<ul>Teknik
Informatika<br>
Sistem
Informatika<br></ul>
// menampilkan daftar item tanpa penomoran
pada teks Teknik Informatika, ganti baris baru; Sistem Informatika, ganti baris
baru
<h2>Jenjang
D3</h2> // teks Jenjang D3 diperbesar ukurannya
<ul>Manajemen
Informatika<br>
Teknik
Komputer<br>
Komputerisasi
Akuntansi<br></ul>
// menampilkan daftar item tanpa penomoran
pada teks Manajemen Informatika, ganti baris baru; Teknik Komputer, ganti baris
baru; Komputerisasi Akuntansi, ganti baris baru
<h1><p
align='right'>STMIK AKAKOM YOGYAKARTA</p></h1>
// perbesaran ukuran pada paragraf dimana
posisi teks STMIK AKAKOM YOGYAKARTA dalam baris terletak di kanan
<h1><p
align='right'>Yang Pertama dan Yang Utama</p></h1>
// perbesaran ukuran pada paragraf dimana
posisi teks Yang Pertama dan Yang Utama dalam baris terletak di kanan
</body>
</html>
0 komentar:
Post a Comment