FORMAT TEXT – – – – – – – – – – –
–
Cetak Tebal
….teks… Cetak miring
….teks…. Cetak Garis bawah
….teks… Mengecilkan huruf <small>….teks… Membesarkan huruf
…teks…. Teks yang ditebalkan(sama dgn
) <strong>…..teks….. Penekanan teks menjadi huruf miring (sama dgn ) <emphasis>…teks… Mencoret teks <strike>….teks…. Subscript dan superscript <sub>……teks….… dan <sup>……..teks….… Preformated text/pre <pre>………..teks…………. Akronim/acronym ………….teks……. properti title adalah mendefinisikan singkatan yang digunakan Quotation panjang/blockquote(kutipan panjang) ………..teks………..
LIST HTML List adalah sebuah uraian yang terdiri atas itemitem dari suatu daftar yang dilengkapi dengan nomor baik nomor alpabetik atau numerik. Dalam dokumen terdapat dua bentuk daftar atau list, yaitu:
Ordered List / List Bernomor Model dari suatu daftar yang setiap itemnya diberikan nomor. Sintaksnya: - ........isi list...........
- ........isi list...........
- ........isi list...........
Keterangan : - Tag OL diambil dari nama bentuk Ordered List. - Atribut berisi type atau start / mulai penomoran list. - Ada empat bentuk type: a, A, i, I.
Unordered List / List Tanpa Nomor
Model dari suatu daftar yang setiap itemnya tidak diberikan nomor, akan tetapi digantikan dengan bulleted list. Sintaksnya: - ........isi list..........
- ........isi list...........
- ........isi list...........
Ket: - Tag UL diambil dari nama bentuk Unordered List. - Atribut berisi type. - Ada tiga bentuk type: disc(), circle( ) ,square()
FORMAT IMAGE Image atau gambar adalah semua jenis file yang disusun dari pixels. Yang berfungsi untuk menambah daya tarik dari sebuah halaman web. Pada umumnya yang ditampilkan mempunyai format gambar GIF(Graphics Interchange Format) dan JPEG(Joint Photographics Experts Group).Fungsi pengolahan gambar terdiri atas:
Catatan: •img src sangat tergantung pada lokasi dimana file disimpan. •sebaiknya semua image disimpan menjadi satu di folder image.
• Tag untuk COMMENT: tidak tampil di web
1. Image Alignment/Perataan Teks Pada Gambar : Perataan teks pada gambar terdiri dari dua bagian yaitu Horisontal(left/center/right) dan Vertikal(Top/Middle/Bottom). Sintaksnya:
contoh ![](”Gambar/Sumber)
2. Image Adjustment/Ukuran Gambar Digunakan untuk mengatur lebar dan tinggi dari sebuah gambar dalam sebuah halaman web. Sintaksnya:
contoh
1. Image Alternate/Teks Gambar Digunakan untuk menampilkan teks pada saat kursor mouse berada diatas gambar. Sintaksnya: ![”…..isi](”Gambar/Sumber)
contoh
4. Image Link/Link Gambar Digunakan untuk mengaitkan gambar dengan halaman tertentu didalam sebuah halaman web. Sintaksnya:
contoh
LINK Link adalah fasilitas dimana dapat berpindah tempat dari halaman satu ke halaman lain yang ditandai dengan menggarisbawahi teks yang akan dilink, atau pointer mouse akan berubah menjadi bentuk jari apabila berada pada objek link (gambar/teks) yang diikuti dengan tersorotnya objek link (gambar/teks) . Hyperlink dalam sebuah dokumen HTML menggunakan tag Anchor dan diakhiri dengan . Sintaksnya: …….. teks/gambar,,,,,, Dalam dokumen HTML hperlink secara garis besar dibagi menjadi 3, yang terdiri dari:
• Link Absolut adalah link yang digunakan untuk mengaitkan halaman web yang satu dengan suatu situs internet atau website. Contoh : Pusat Pengolahan Data Akademik contoh
2. Link Relatif adalah link yang digunakan untuk mengaitkan halaman web yang satu dengan halaman web yang lainnya didalam satu situs internet. Contoh: Ke latihan_link contoh
3. Link Self adalah link yang digunakan untuk mengaitkan bagian yang satu dengan yang lainnya di dalam satu halaman web. Contoh: Lihat bab1 contoh
Contoh –Contoh Halaman Web: Buatlah contoh-contoh di bawah ini : text.html • text.html ol.html • ol.html ul.htm • ul.htm img.htm • Img.html Link.html • link.html