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 sebagai awal penandaan script bagian head HTML
b. <title>
Tag awal title sebagai awal tanda
judul sebuah halaman web
c. Ini adalah halaman web
Judul halaman web yg akan ditampilkan
pad aweb 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 superscript teks, Format : <sup> teks dicetak dengan mode
</sup>
i.
Mencetak
subscript teks, Format : <sub>
teks dicetak mode </sub>
j.
Mencetak
teks berkedip, Format : <blink> teks dicetak berkedip </blink>
k. Mencetak teks berjalan, Format :
<marquee> teks dicetak berjalan </marquee>
l.
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
4.
Format Addres
Untuk
penulisan sebuah alamat institusi yg berfungsi sbgai infimasi kontak .
5.
Format keluaran program computer
·
<code>
…</code>
Untuk
mendefinisikan kode program tertentu yg ditampilkan pda web page
·
<var>
…</var>
Untuk
mendefinisikan variable dalam program
·
<samp>…</samp>
Untuk
mendefinisikan contoh keluaran program
·
,tt…</tt>
Untuk mendefinisikan
teletype teks
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 daftra.
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 menjelaskna pengertian sari sub list
digunakakn tanda <dd> diakhiri </dd>`
