Assalamualaikum semua hehe kembali lagi nih hehe kali ini ane akan membahas tentang Format Teks pada HTML Mungkin udah banyak yang tau tapi mungkin banyak juga yang ingin tau, monggo silahkan dibaca yak artikel ini hehehe
I. FORMAT TEKS
Teks dalam HTML tidak sesederhana yang dibayangkan, banyak komponen yang
menyertainya agar teks ditampilkan sesuai yang dikehendaki. HTML menyediakan bermacam-macam elemen, diantaranya :
- PARAGRAF, untuk membuat suatu paragraf.
- BLOCKQUOTE, untuk membuat suatu kutipan teks.
Mari kita bahas satu persatu :D
a. PARAGRAF
Suatu paragraf dalam dokumen HTML ditandai dengan pasangan elemen <P>…</P>.
Atribut yang digunakan dalam paragraf ALIGN mempunyai tiga nilai, yaitu :
- LEFT, untuk meratakan teks ke margin kiri
- RIGHT, untuk meratakan teks ke margin kanan
- CENTER, untuk meratakan teks ke tengah margin
Contoh penggunaan tag paragraf :
<HTML>
<HEAD>
<TITLE>ENTER, TAB DAN SPASI DALAM HTML</TITLE>
</HEAD>
<BODY>
<P ALIGN=”LEFT”>Paragraf satu</P>
<P ALIGN=”CENTER”>Paragraf dua</P>
<P ALIGN=”RIGHT”>Paragraf tiga</P>
</BODY>
</HTML>
b. BLOCKQUOTE
- Tag <BLOCKQUOTE> digunakan untuk menuliskan suatu kutipan teks.
- Tag <BR> digunakan untuk membuat teks pada baris berikutnya.
Contoh :
<html>
<head>
<title>membuat dokmen html</title>
</head>
<body bgcolor=lightgrey>
<p>baris pertama<br>baris kedua<br>baris ketiga<br>
<cite>membuat dokumen html</cite>
</body>
</html>
- Untuk menyatakan suatu heading, digunakan tag <Hx> dimana x adalah nomor level
heading dari 1 sampai 6. pemakaian heading diawali dengan tag<Hx> dan diakhiri
dengan tag </Hx>.
- Garis pemisah antara satu baris dengan baris lainnya, digunakan elemen HR. Elemen ini
akan membuat garis horisontal sepanjang lebar jendela browser. Atribut yang
menyertai adalah :
ALIGN, dapat diset dengan nilai LEFT, CENTER dan RIGHT
WIDTH, untuk mengatur panjang garis horisontal yang dapat ditentukan dengan nilai
pixel atau persen.
SIZE, untuk mengatur ketebalan garis horisontal mempunyai nilai dalam satuan pixel.
NOSHADE, menampilkan garis horisontal tanpa bayang-bayang 3-D.
COLOR, memberi warna pada garis horisontal.
Contoh :
<html>
<head>
<title>pemakaian tag HR</title>
</head>
<body bgcolor=lightgrey>
<h1 align=center>pesawat ruang angkasa</h1>
<br>
<h2 align=left>soviet</h2>
vostok<br>
voskhod<br>
soyuz<br>
<hr width=50% size=6 align=left color=black>
</body>
</html>
- Tag <DIV>…..</DIV> digunakan untuk membagi dokumen HTML dalam hirarki
yang terstruktur.
Contoh :
<html>
<head>
<title>paragraf</title>
</head>
<body bgcolor=lightgrey>
<div align=center>
<h1>header rata tengah</h1>
<img src="daisy.gif"><br>
gambar berada diatas baris teks.<br>
<p align=right>baris teks ini rata kanan</p>
</div>
<div style="color:blue">
<h1>heading warna blue</h1>
<p>teks dalam paragraf berwarna blue</p>
</div>
</body>
</html>
- Tag ADDRESS digunakan untuk memberikan informasi pembuat situs web, seperti
nama, e-mail, organisasi atau tanggal terakhir update halaman web.
Contoh :
<address>
<h5>Author:</h5>
Endang<a href="mailto:endang2001@hotmail.com"><br>
endang2001@hotmail.com</a><br>
</address>
- HTML mempunyai dua tipe penghubung, yaitu plain hypen dan soft hyphen. Plain
hyphen akan menghubungkan dua kata dengan suatu karakter (‘-‘ atau yang lain)
sedangkan soft hyphen akan menggabungkan dua kata yang terpisah atau
menggabungkan dengan suatu karakter. Plain hyphen ditampilkan dengan karakter
$#45 atau - sedangkan soft hyphen ditampilkan dengan karakter ­ atau
Contoh :
<html>
<head>
<title>paragraf</title>
</head>
<body bgcolor=lightgrey>
<h4>pemakaian hyphenation</h4>
ini adalah contoh pemakaian plain hyphenation:
plain-hyphenation<BR>
ini adalah contoh pemakaian soft hyphenation:
soft­hyphenation
</body>
</html>
Oke akhirnya selesai juga bahas mengenai Format Teks di HTML, untuk selanjutnya ane mau share mengenai Format Karakter dan Pembuatan Lits pada HTML, Ditunggu ya :) Semoga bermanfaat untuk semua. Amin
Thursday, December 29, 2016
Subscribe to:
Post Comments (Atom)
0 komentar:
Post a Comment