FORMAT TEKS HALAMAN HTML
FORMAT TEKS HALAMAN WEB
A. STRUKTUR DASAR HTML
1. Elemen halaman
adalah bagian pembentuk halaman web yg meliputi head,body,title,link,text
,paragraph,list,dan sbgainya .setiap elemen html ditandai dgn symbol tag ”<”
dan diakhiri dengan “>” .
• Untuk mencetak garis horizontal menggunakan tag <hr>
• Untuk mencetka kalimat pada baris selanjutnya menggunakan tag
<br>
• Penomoran sebuah daftar teks menggunakan list item dengan tag
<li>
• Pembuatan format teks dalam bentuk paragraph mengguanakan tag
<p>
Contoh :
<html>
<head>
<title> judul situs </title>
</head>
<body>
Isi halaman web
</body>
</html>
Kelebihannya yaitu
kemampuan untuk mendukung penulisan script Bahasa pemrogrmana web lainnya dalam
badan HTML seperti Vbscript, JavaScript, PHP, ASP, dan AJAX.
2. Bagian Head
untuk memberikan informasi tentang
halaman web itu sendiri,baik judul halaman, konten,jenis halaman, dan jenis
karakter penulisan.
a.
<head>
Tag awal head digunakan sebagai awal
penanda script bagian head html.
b.
<title>
Tag awal title digunakan sebagai awal tanda judul sebuah
halaman web.
c.
Ini adalah halaman web
judul halaman web yang akan
ditampilkan pada web browser.
d.
</title>
Tag akhir title.
e.
</head>
Tag akhir head.
3. Bagian body :
semua script akan diterjemahkan menjadi bentuk informasi pada halaman web ,baik
berupa teks,audio,gambar,dan animasi,
4. Mengganti baris
dengan tag <br>
5. Membentuk paragraph dengan tag <p>
6. Garis horizontal dengan tag <hr>
7. Membuat komentar dengan tag <!—diikuti komentar dan diakhiri tanda -->
B. FORMAT TEKS
1.
MEMANIPULASI TAMPILAN TEKS PADA
HALAMAN WEB
a. Mencetak tebal teks, Format :
<b> teks dicetak tebal </b>
b. Mencetak tebal teks dengan tag
strong, Format : <strong> teks blabla </storng>
c. Mencetak miring teks, Format :
<i> teks miring </i>
d. Mencetak teks bergaris bawah, Format
: <u> teks bergaris bawah </u>
e. Memberi tekanan teks, Format :
<em> teks diberi tekanan </em>
f.
Membesarkak
huruf, Format : <big> teks dibesarkan </big>
g. Mengecilkan huruf, Format :
<small> yeks dikecilkan </small>
h. Mencetak subscript teks, Format : <sub> teks dicetak mode </sub>
i.
Mencetak
teks berkedip, Format : <blink> teks dicetak berkedip </blink>
j.
Mencetak
teks berjalan, Format : <marquee> teks dicetak berjalan </marquee>
k. Mencetak teks dengan coretan, Format
: <s> tampilan teks dicoret garis </s>
2.
FORMAT HEADING
Untuk mengatur
besar ukuran teks dalam halaman web yg diterapkan pada judul atau
tema.Penulisan heading awal dengan tag <h1> dan diakhiri dengan tag
</h1>,dengan ukuran 1 sampai 6.
3.
BENTUK PREFORMAT TEKS
Untuk mencetak
teks pda web browser sesuai jarak,ukuran,dan lebar teks dengan penulisan kode
program html bagian body dengan menambahkan tag awal <pre> dan diakhiri
tag </pre>
4.
FORMAT ADDRESS
Untuk
penulisan sebuah alamat institusi yg berfungsi sbgai infimasi kontak .
5.
FORMAT KELUARAN PROGRAM KOMPUTER
·
<code> </code>
Untuk
mendefinisikan kode program tertentu yang ditampilkan pada web page..
·
<var> </var>
Untuk mendefinisikan
variabel dalam program.
·
<samp> </samp>
Untuk mendefinisikan
contoh keluaran program
·
<tt> </tt>
Untuk mendefinisikan
teletype text
6.
Format Abbr dan Acronym
Tag <abbr> dan
<acronym> untuk menampilkan informais yg berisi kepanjangan sebuah teks.
7.
Mengubah arah tampilan teks
Untuk mengubah arah dari
kanan ke kiri seperti huruf arab denga ntag <bdo>.singkatan nya
bidirectional override.Argument rtl untuk menulis teks dari arah kanan ke kiri
(right to left) begitu juga sebaliknya.
8.
Membuat kutipan teks
Ada dua macam kutipan
teks :
• Tag <q> untuk membuat kutipan pendek .kutipan menggunakan
tag <q> akan ditulis tanpa emnjorok ke dalam halaman web.Kutipan diawali
tanda petik dua dan diakhiri tanda petik dua (“).
• Tag <blocquote> untuk menyatakan kutipan panjang,yg akan
diawali dengan penulisan teks secara menjorok ke dalam.
9.
Penyisipan dan penghapusan teks
Menggunakan teks
<del> yg memiliki efek dicoret ditengah hampir mirip seperti tag
<s>,atau dapat menggunakan tag <ins> yg memiliki efek tulisan
bergaris bawah seperti efek dengan tag <a href=” “>
C. LIST HTML
Daftar ,urutan, rangkaian, atau menu. List HTML merupakan bentuk struktur
dalam HTML untuk menamilkan daftar tertentu dalam halaman web.List terbagi
menjadi empat :
1. List bernomor urut(ordered list)
teknik menampilkan daftar tertentu dalam halaman web menggunakan item
penomoran,seperti 1,2,3 hingga seterusnya. Menggunakan tag <ol> dan
diakhiri </ol>
2. List tanpa urutan nomor (unordered
list)
Menggunakan tag <ul> dan diakhiri <ul>.Ada beberapa maca
jenis tanda list ordered :
• Disc untuk menampilkan
pengurutan dengan tanda lingkaran (bullet) tanpa warna pada sisi tengahnya.
• Square untuk menampilkan pengurutan dengan tanda
kotak hitam penuh
• Circle untuk menampilkan
pengurutan dengan tanda lingkaran (bullet) hitam penuh
3. List bersarang
Menu bersarang atau nested list adalah suatu subdaftar baru di dalam
sebuah daftar.
4. List terdefinisi
Definition list adalah sebuah daftar yg menggunakan tag <dl> dan diakhiri </dl>.Untuk
menampilkan terminasi sub list
,digunakakn tag <dt> dan diakhiri dengan </dt>/sedangkan untuk
menjelaskan pengertian sari sub list digunakakn tanda <dd> diakhiri
</dd>
Komentar
Posting Komentar