Cetak Tebal .teks Cetak miring .teks. Cetak Garis bawah .teks Mengecilkan huruf .teks Membesarkan huruf <big>

Ukuran: px

Mulai penontonan dengan halaman:

Download "Cetak Tebal .teks Cetak miring .teks. Cetak Garis bawah .teks Mengecilkan huruf .teks Membesarkan huruf <big>"

Sonny Hadiman
6 tahun lalu
Tontonan:

1 FORMAT TEXT Cetak Tebal .teks Cetak miring .teks. Cetak Garis bawah .teks Mengecilkan huruf .teks Membesarkan huruf <big> teks.</big> Teks yang ditebalkan(sama dgn ) ..teks.. Penekanan teks menjadi huruf miring (sama dgn ) <emphasis> teks </emphasis> Mencoret teks <strike>.teks.</strike> Subscript dan superscript teks. dan ..teks. Preformated text/pre <pre>..teks.</pre> Akronim/acronym <acronym [properti]>.teks.</acronym> properti title adalah mendefinisikan singkatan yang digunakan Quotation panjang/blockquote(kutipan panjang) <blockquote>..teks..</blockquote>

2 LIST HTML List adalah sebuah uraian yang terdiri atas item- item dari suatu daf tar yang dilengkapi dengan nomor baik nomor alpabetik atau numerik. Dalam dokumen terdapat dua bentuk daftar atau list, yaitu:

3 Ordered List / List Bernomor Model dari suatu daftar yang setiap itemnya diberikan nomor. Sintaksnya: <ol [properti]> <li>...isi list... <li>...isi list... <li>...isi list... </ol> 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.

4 Unordered List / List Tanpa Nomor Unordered List / List Tanpa Nomor Model dari suatu daftar yang setiap itemnya tidak diberikan nomor, akan tetapi digantikan dengan bulleted list. Sintaksnya: <ul [properti]> <li>...isi list... <li>...isi list... <li>...isi list... </ul> Ket: - Tag UL diambil dari nama bentuk Unordered List. - Atribut berisi type. - Ada tiga bentuk type: disc( ), circle( ),square( )

5 FORMAT IMAGE Image atau gambar 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 Expert s Group).Fungsi pengolahan gambar terdiri atas:

6 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 <! >

7 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: <img src= Gambar/Sumber Data Gambar align= left/center/right > <img src= Gambar/Sumber Data Gambar align= top/middle/bottom > contoh

8 2. Image Adjustment/Ukuran Gambar Digunakan untuk mengatur l ebar dan tinggi dari sebuah gambar dal am sebuah halaman web. Sintaksnya: <img border= ukuran/angka src= Gambar/Sumber Data Gambar width= angka height= angka > contoh

9 3. Image Alternate/Teks Gambar Digunakan untuk menampi lkan teks pada saat kursor mouse berada diatas gambar. Sintaksnya: <img src= Gambar/Sumber Data Gambar width= angka height= angka alt=..isi teks > contoh

10 4. Image Link/Link Gambar Digunakan untuk mengaitkan gambar dengan halaman tertentu di dalam sebuah halaman web. Sintaksnya: <a href= nama_file.html ><img src= Gambar/Sumber Data Gambar width= angka height= angka ></a> contoh

11 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<a> dan diakhiri dengan </a>. Sintaksnya: <a href= nama_dokumen yang dilink [atribut]>..teks/gambar,,,,,,</a> Dalam dokumen HTML hperlink secara garis besar dibagi menjadi 3, yang terdiri dari:

12 1. Link Absolut adalah link yang digunakan untuk mengaitkan halaman web yang satu dengan suatu situs internet atau website. Contoh : <a href= Pengolahan Data Akademik</a> contoh

13 2. Link Relatif adalah link yang digunakan untuk mengaitkan halaman web yang satu dengan halaman web yang lainnya didalam satu situs internet. Contoh: <a href = Contoh Latihan_link >Ke latihan_link </a> contoh

14 3. Link Self adalah link yang digunakan untuk mengaitkan bagian yang satu dengan yang lainnya di dalam satu halaman web. Contoh: <a href= #bab1 >Lihat bab1</a> contoh

15 Contoh Contoh Halaman Web: Buatlah contoh-contoh di bawah ini : text.html ol.html ul.htm Img.html link.html text.html ol.html ul.htm img.htm Link.html

dokumen-dokumen yang mirip

4. Berikut ini termasuk tag tag yang biasanya diletakkan di dalam kelompok tag Body, kecuali. a. bgcolor c. link b. font d. meta

4. Berikut ini termasuk tag tag yang biasanya diletakkan di dalam kelompok tag Body, kecuali. a. bgcolor c. link b. font d. meta LATIHAN SOAL HTML DASAR 1 1. Singkatan HTML adalah. a. Hyper Text Markup Language b. Hygher Text Markup Language c. Hyper Terminal Markup Language d. Hyper Text Make Language 2. Dibawah ini merupakan tag

Cetak Tebal <b>.teks </b> Cetak miring <I>.teks.</I> Cetak Garis bawah <u>.teks </u> Mengecilkan huruf <small>.teks </small> Membesarkan huruf <big>