FORMAT TEKS HALAMAN WEB
A. Struktur Dasar HTML
HTML (Hyper Text Markup Language) merupakan file teks biasa dengan ekstensi.htm atau .html yang terdiri atas script program dengan aturan tertentu.
1) Elemen Halaman
Elemen HTML adalah bagian-bagian pembentuk halaman web yang meliputi head,body,title,link,text,paragraph,list,dsb. Elemen html ditandai dengan simbol “tag”.Tag merupakan bentuk simbol berbentuk “<” sebagai tanda awal penulisan elemen dan diakhiri “>” sebagai tanda akhir penulisan sebuah elemen.
Contoh : <b>
Teks dicetak tebal
</b>
2) Bagian Head
Bagian head memiliki fungsi untuk memberikan informasi tentang halaman web itu sendiri,baik judul halaman,konten jenis halaman,dan jenis karakter penulisan.Bagian head selalu diawali dengan tag awal <head> dan </head>.
Contoh: <head>
<title> ini adalah halaman web</title>
<head>
Penjelasan : => <head> Tag awal head digunakan sebagai awal penanda script bagian head HTML.
<title> Sebagai awal tanda judul sebuah halaman web.
Ini adalah halaman web judul halaman web yang akan ditampilkan pada web browser.
</title> Tag akhir title.
</head> Tag akhir head.
3) Bagian Body
Pada bagian body,semua script html akan diterjemahkan menjadi bentuk informasi pada halaman web,baik berupa teks,audio,video,gambar,dan animasi. Bagian body sebuah halaman web html selalu diawali tag <body> dan akhiri tag </body>.
Contoh : <body>
Isi halaman web
</body>
4) Mengganti Baris
Script program html yang ditulis pada bagian body akan dicetak memanjang dalam satu baris ketika ditampilkan dalam satu baris oleh karena itu diperlukan script tambahan untuk mencetak pada baris selajutnya dengan tag <br>.
5) Membentuk Paragraf
Dengan memberikan tanda tag awal paragraf <p> diikuti teks yang akan ditampilkan pada web browser dan diakhiri tag akhir </p>,maka informasi teks akan disusun menyerupai model paragraf.
6) Garis Horizontal
Untuk membuat garis horizontal dapat menggunakan tag <hr>.
Contoh : <!—file apasaja.html -->
<html>
<head>
<title>garis horizontal</title>
<head>
<body>
Kalimat di atas.<hr> kalimat di bawah.
</body>
</html>
7) Membuat Komentar
Komentar sangat berguna untuk memberikan catatan khusus tentang baris kode tertentu dalam halaman web.Untuk menambahkan komentar diawali dengan tanda “<!—“ diikuti komentar kemudian diakhiri dengan tanda “-->”.
B. Format Teks
Teks adalah informasi yang ditampilkan dalam halaman web yang terdiri atas gabungan karakter alfabet,numerik,dan simbol-simbol khusus yang terdapat dalam kode ASCII.
1) Memanipulasi tampilan teks pada halaman web
• Mencetak tebal teks
• Mencetak tebal teks dengan tag strong
• Mencetak miring teks
• Mencetak teks bergaris bawah
• Memberi tekanan teks
• Membesarkan huruf
• Mengecilkan huruf
• Mencetak superscript teks
• Mencetak subscript teks
• Mencetak teks berkedip
• Mencetak teks berjalan
• Mencetak teks dengan coretan
2) Format Heading
Fungsi utama heading adalah untuk mengatur besar ukuran teks dalam halaman web yang biasanya diterapkan pada sebuah judul atau tema informasi yang terdapat pada halaman web.Penulisan heading diawali dengan tag <h1> dan diakhiri dengan tag </h1> dengan formasi heading sampai dengan 6 ukuran.
3) Bentuk Preformat Teks
Dalam html terdapat fungsi preformat teks yang berguna untuk mencetak teks dalam web browser sesuai jarak,ukuran,dan lebar teks dengan penulisan kode program html bagian body dengan menambahkan tag awal <pre> dan tag akhir </pre>.
4) Format Address
Tag <address> merupakan standar kode html yang digunakan untuk penulisan sebuah alamat intuisi yang berfungsi sebagai informasi kontak sebuah intuisi.Hasil output yang ditampilkan akan dicetak miring dan ketika penulisan alamat lebih dari satu baris maka harus disertakan tag ganti baris.
5) Format Keluaran Program Komputer
Beberapa script html yang dapat digunakan untuk mendefinisikan proses secara komputerisasi :
• <code>......</code>
Script ini digunakan untuk mendefinisikan kode program tertentu yang ditampilkan pada web page .
• <var>......</var>
Script ini digunakan untuk mendefinisikan variabel dalam program.
• <samp>.....</samp>
Script ini digunakan untuk mendefinisikan contoh keluaran program.
• <tt>....</tt>
Script ini digunakan untuk mendefinisikan teletype text.
6) Format Abbr dan Acronym
Tag <abbr> dan <acronym> digunakan untuk menampilakan informasi yang berisi kepanjangan sebuah teks. Teknik ini sering digunakan untuk mempersingkat sebuah istilah dengan tujuan mempermudah pengguna ketika menjelajah internet dalam mencari keyword tertentu.
7) Mengubah Arah Tampilan Teks
Untuk mengubah arah tampilan penulisan teks dari kanan ke kiri seperti ketentuan penulisan huruf arab,dapat menggunakan tag <bdo>. Bdo merupakan singkatan dari bidirectional override yang berguna untuk mengubah arah penulisan teks pada halaman web.
8) Membuat Kutipan Teks
Terdapat dua macam kutipan yang dapat digunakan pada dokumen HTML yaitu :
a. Tag <q> digunakan untuk membuat kutipan pendek. Kutipan menggunakan tag <q> akan menulis tanpa menjorok ke dalam halaman web
b. Tag <blockquote>, digunakan untuk menyatakan kutipan panjang, yang di awali dengan penulisan teks secara menjorok ke dalam.
9) Penyisipan dan Penghapusan Teks
Untuk menghapus data yang salah, dapat digunakan tag <del> yang memiliki efek teks dicoret tengah. Efek teks dicoret mirip dengan efek teks ketika menggunakan tag <s> seperti yang telah dijelaskan pada subbab sebelumnya. Sementara itu,untuk melakukan koreksi informasi yang salah pada web,dapat digunakan tag <ins> yang memiliki efek tulisan dengan tag <a href=” “>.
C. List HTML
List berarti daftar,urutan,rangkaian,atau menu. List HTML merupakan bentuk struktur dalam HTML yang digunakan untuk menampilkan daftar tertentu dalam halaman web.
1) List Bernomor Urut (Ordered List)
List bernomor adalah teknik menampilkan daftar tertentu dalam halaman web menggunakan item,penomoran seperti 1,2,3 hingga seterusnya.
Argumen Fungsi
I : Untuk menampilkan nomor urut dengan angka dalam romawi besar (I, II, III dan seterusnya)
i : Untuk menampilkan nomor urut dengan angka dalam romawi kecil (i, ii, iii, dan seterusnya)
a :Untuk menampilkan nomor urut dengan menggunakan abjad kecil (a, b, c,dan seterusnya)
A :Untuk menampilkan nomor urut dengan menggunakan abjad besar (A, B, C,dan seterusnya)
2) List tanpa Urutan Nomor (Unordered List)
Untuk membuat daftar tertentu tanpa mempergunakan sebuah urutan penomoran,dan dapat menggunakan tag <ul> dan diakhiri dengan </ul>.
Argumen Fungsi
Disk :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 yang berada dalam sebuah daftar.
4) List Terdenifisi
List terdenifisi (definision list) adalah sebuah daftar yang menggunakan tag <dl> dan diakhiri dengan </dl>. Untuk menyatakan terminasi sub list, digunakan tag <dt> dan diakhiri dengan </dt>.
Tidak ada komentar:
Posting Komentar