Insert Gambar di Table dan Diantara Paragrpah Menggunakan HTML

Modul 5

 Memasukkan Image di Table HTML dan Membuat Paragraph.

   Ohayou minna~. Kali ini saya akan mengajarkan cara untuk mengisi gambar atau foto di dalam sebuah table html dan meletakkan gambar di antara paragraph yang ada. Caraya gampang kok. Ini scriptnya :

- Insert Photos into Table

hasilnya :

- Insert Photos between Paragraph

hasilnya :

Membuat Table dan Style-Nya di HTML

Modul 4

Membuat Table pada HTML

   Kali ini saya akan men-sharing mengenai cara membuat tabel pada HTML. Nah jika kalian ingin membuat tabel menggunakan html, tag yang digunakan adalah :

<table> : Membuat tabel

<th> : Kepanjangan dari table heading. Dibuat untuk membuat judul sebuah tabel seperti No. dan Nama

<tr> : Kepanjangan dari table row. Dibuat untuk mendefiniskan baris pada tabel

<td> : Kepanjangan dari table data. Dibuat untuk mengisi data dalam suatu th ataupun tr dalam sebuah tabel.

 

1. Table Border

    Digunakan untuk membuat batasan / garis tabel. Table border juga bisa diatur tebal garisnya.

hasilnya :

2. Table Background Color

   Digunakan untuk mengisi warna background pada sebuah tabel. 

hasilnya :

3. Table Align 

   Digunakan untuk mengatur letak tempat isi teks dalam sebuah tabel.

hasilnya :

Script lain :

hasilnya :

Membuat Heading, Break, Paragraph, Style Font, Bullet.

Modul 3

Heading, Paragraph, Break dan Style Document

 

1. Heading 

   Tag Heading adalah sebuah code HTM  yang berfungsi untuk mengubah tulisan. Tag Heading biasa di gunakan untuk membuat judul pada sebuah artikel atau dokument. Spesifikasi Tag Heading  mempunyai berbagai tingkatan yang biasa di sebut H1, H2, H3, H4, H5 dan H6 yang masing masing mempunyai fungsi yang berbeda. Dalam melakukan Optmasi SEO Onpage, Tag Heading juga merupakan faktor penting yang harus di perhatikan. Namun banyak orang yang belum tahu Pengertian Dan Fungsi Tag Heading. Mereka biasanya hanya terfokus pada penulisan ertikel saja dan hanya memakai template yang tidak SEO Friendly. Kenapa sering di abaikan...? karena letak Tag Heading berada pada code htlm template blog bukan berada pada halaman entri baru yaitu mode html.

hasilnya :
 

 

2. Break 

   Dalam HTML tag Line Break dapat digunakan untuk membuat baris baru layaknya fungsi tombol Enter pada keyboard. Tagnya <br>

 

 hasilnya
 

 

 

3. Paragraph

   <p> memiliki fungsi sebagai paragraf. Jadi jika terdapat text atau gambar berada dalam tag <p> dan </p> itu berarti berada dalam sebuah paragraf.

 

hasilnya :
 

 

 

4. Style Font 

   Tag Font  < font>  Seperti namanya tag font didalam HTML ini digunakan untuk merubah tampilan font. dengan tag ini kita bisa merubah tampilan atau style tulisan, warna, dan ukuran tulisan. Tag font ini support terhadap semua macam Web Browser. Tag Font ini memiliki 3 Opsi Atribut yang diantaranya Color, Size , Face.

 

a. Font Face

hasilnya : 
 

 b. Font Color

 

hasilnya :

 

5. Bullet dan Numbering

   Bullet berfungsi untuk memberikan tanda bullet di setiap paragraph. Sedangkan Numbering, sama seperti bullet tapi bentuknya berbeda yakni numbering menggunakan angka.

 

hasilnya :
 

 

Bullets = Ini mempunyai fungsi untuk memberikan tanda bullet pada beberapa paragraf yang anda pilih, bullet ini modelnya hitam bulat, selain itu ada juga model-model lainnya seperti centang. l - See more at: http://tinkq.blogspot.co.id/2013/11/fungsi-bullets-dan-numbering-pada.html#sthash.PC623fsR.dpuf

Bullets = Ini mempunyai fungsi untuk memberikan tanda bullet pada beberapa paragraf yang anda pilih, bullet ini modelnya hitam bulat, selain itu ada juga model-model lainnya seperti centang. l - See more at: http://tinkq.blogspot.co.id/2013/11/fungsi-bullets-dan-numbering-pada.html#sthash.PC623fsR.dpuf

Script Lain

hasilnya :