Mengatur Ukuran Table HTML dengan Attribut Width

Width adalah sebuah attribut yang kita gunakan untuk mengatur ukuran baik table, ataupun gambar. Hampir sama seperti align yang bila di letakkan di paragraf untuk mengatur posisi paragraf, bila diletakkan di image utnuk mengatur gambar, dan bila diletakkan di table untuk mengatur posisi table.

Attribut width  ini bila kita letakkan di table maka dia berfungsi untuk mengatur ukuran table. Bila kita letakkan di tag Image  maka fungsinya adalah mengatur ukuran image . Bagaimana Implementasinya ? Berikut akan kami bahas, cekidot

Implementasi Attribut Width untuk Table 

Attribut Width didalam Table HTML sama seperti Attribut Align di Table. Setiap Tag Table memiliki fungsi sendiri-sendiri, Bila attribut kita letakkan di tag <table> maka dia akan berfungsi untuk mengatur ukuran table. perhatikan gambar dibawah ini 

ATTRIBUT WIDTH YANG DILETAKKAN DI TAG TABLE 

Perahtikan tag diatas, Attribut Width yang saya letakkan tepat di tag <table> akan mengatur besar kecilnya table secara keseluruhan. 

ATTRIBUT WIDTH YANG DI SISIPKAN KEDALAM <TD>

Nah perhatikan contoh gambar diatas. Apabila attribut width kita masukkan kedalam tag <td> maka sama saja kita mengatur ukuran setiap kolom yang ada. Bila kita menggunakan persen maka usahakan total keseluruhan width yang kita masukkan adalah 100%  .

Semoga artikel diatas, membantu anda dalam Mengatur Ukuran Table HTML dengan Attribut Width, semoga bermanfaat. 

Next Chapter >> Mengenal Macam-macam Border Table

Read more

Menggunakan Fungsi Attribut Align untuk Table HTML (Di Baris dan Kolom)

Attribut Align di HTML selalu berhubungan dengan posisi. Ntah table, tulisan, gambar dan sebagainya tinggal dimana attribut align itu ditempatkan. Bila attribut align ini ditempatkan di <table>, maka berfungsi untuk mengatur posisi atau letak tabel. Bila anda meletakkan attribut align ini di <p> maka berfungsi untuk mengatur posisi paragraf anda, dan sebagainya. Nah disini kita akan belajar tetang Attribut Align yang diletakkan didalam baris dan kolom  atau tag <td> dan <tr> table. Cekidot !

Implementasi Attribut Align di Baris dan Kolom Table HTML

Ini tampilan jika kita menaruh align berada di dalam tag <table> perhatikan gambar dibawah ini 

Yang bergeser Posisi adalah Tablenya apabila kita menaruh Align di dalam Tag <table> , bagaimana bila kita menaruh tag align di dalam <tr>  atau baris table ? perhatikan gambar dibawah ini 

Gambar diatas menunjukkan gambar tag <tr>  yang diberi atributt Align (atas) . Dan gambar lainya menunjukkan hasil dari table tanpa attribut align di tag <tr>  nya. Jadi jika kita memasukkan attribut align kedalam tag <tr> maka isi (baik text atau gambar) yang berada di satu baris itu akan berpindah posisi seperti align yang telah ditentukan. contoh diatas menggunakan align center yang artinya semua isi dari baris dengan attribut Align akan berada di posisi tengah. 

Nah berbeda juga dengan attribut align yang ditaruh di tag <td> perhatikan gamabar dibawah ini . 

Berbeda dengan saat kita memasukkan align kedalam tag <tr> yang secara otomatis satu baris akan berada di posisi yang sama. Misal align yang digunakan adalah align="center" maka satu baris akan rata ke tengah semua. Apabila kita meletekkan attribut align di tag <td> atau kolom  maka hanya kolom yang kita beri attribut align  itu saja yang akan berpengaruh, yang tidak ada attribut align maka tidak akan berpengaruh apa-apa.

Semoga Artikel singkat ini bermanfaat, dan membantu anda dalam Menggunakan Fungsi Attribut Align untuk Table HTML (Di Baris dan Kolom)

Next Chapter >> Mengatur Ukuran Table HTML 

Read more

Menggunakan Fungsi Align Untuk Table HTML

Align adalah attribut untuk mengatur posisi baik tulisan, gambar maupun table di HTML. Tinggal bagaimana dan dimana kita menaruh attribut align ini, bila attribut align diletakkan di tag <image> maka digunakan untuk mengatur posisi gambar, bila diletakkan di tag <p> maka digunakan untuk mengatur paragraf, dan seterusnya.

Implementasi Attribut Align di Table 

Di dalam tag Table ada beberapa tag yang seperti kita pelajari sebelumnya, ada tag <table> , <tr>, <td> tentu ada perbedaan saat kita memasukkan attribut align didalamnya, perahtikan gambar dibawah ini. 

Gambar Table dengan Align di Tengah

Pertama Tag Align saya coba letakkan kedalam tag <table> maka hasilnya akan seperti diatas, Gambar diatas Artinya kita mengatur posisi table berada ditengah-tengah karna kita menggunakan attribut align="center" (Rata tengah). Berikut Contoh Lain Rata ke Kanan

Table dengan Attribut Align Right (Rata Kanan)

Nah semoga Artikel diatas mengenai tenang Attribut Align yang digunakan di Tag Table bisa bermanfaat, lanjut ke Chapter Selajutnya untuk mengetahu attribut align yang diletakkan di Tag <tr> dan <td>

Next Chapter >> Menggunakan Fungsi Attribut Align untuk Table HTML (Di Baris dan Kolom)

Read more

Menyisipkan Gambar Yang Berada di Folder / Tidak Satu Folder

Menyisipkan gambar dengan Attribut tag <image> sudah kita pelajari akant tetapi untuk menyisipkan gambar yang tidak satu folder dengan html kita belum belajar. Nah tidak ada perbedaan yang rumit dari menyisipkan gambar yang berada tidak satu folder dengan html kita. Hanya perbedaan kecil saja yaitu tepat di nama lokasi yang perlu kita deskripsikan.

Implementasi Penggunaan Tag Image dengan Memberi Letak Folder / Directory

Hampir sama dengan post kami tentang menyisipkan gambar kedalam web browser dengan HTML hanya saja untuk srcnya kita harus menambahkan letak directory atau foldernya. perhatikan gambar dibawah ini 

Contoh 1

Nah disana saya punya html yang saya taruh di desktop, tetapi saya ingin menyispkan gambar yang ada di directory C:\Documents and Settings\All Users\Documents\My Pictures\Sample Pictures gambar sunset.jpg . Perhatikan script dibawah ini 

Gambar 2

Ini yang terjadi apabila gambar tidak berada di dalam satu folder dengan HTML yang kita buat, dan kita tidak memberi letak folder gambar tersebut. Nah agar gambar bisa kita tampilkan maka kita harus mengopy url yang ada ditatas windows explore. dan meletakkannya di src. perhatikan gambar dibawah ini

Gambar 3

Perhatikan URL yang ada di gambar kanan yang saya beri tanda kotak merah, URL tersebut saya copykan ke tag yang ada di sebelah kiri, di tag <image src=""> dan ditambahi nama gambar berserta extensionnya. seperti gambar diatas. Setelah anda lakukan maka hasilnya adalah seperti berikut. 

Gambar 4

Nah semoga artikel singkat ini membantu untuk Menyisipkan Gambar Yang Berada di Folder. Semoga bermanfaat

Next Chapter >> Mengatur Ukuran Gambar dengan Tag Image HTML 

Read more

Lebih Detail Tentang Membuat Table ( Menggabungkan Baris Table - Row Merger Cell)

Rowspan adalah tag yang kita gunakan untuk menggabungkan baris. Tidak jauh berbeda dengan colspan yang menggabungkan kolom rowspan digunakan untuk menggabungkan dua atau lebih baris menjadi satu. Tentu fungsi ini sama pentingnya dengan fungsi colspan. Berikut mari kita belajar pengaplikasiannya

Pengaplikasian Rowspan untuk Menggabungkan Baris

Di HTML ada perbedaan untuk menggabungkan baris dengan colom, perbedaannya ada pada tag yang pakai. Untuk menggabungkan baris perhatikan tag dibawah ini 

Perhatikan gambar diatas, kita juga meletakkan didalam tag <td> . Saat kita menggunakan rowspan sama saja kita sudah membuat baris baru sebanyak baris yang kita gabung. sehingga untuk baris selanjutnya apabila kita membuat kolom baru secara otomatis akan berpindah di kolom ke dua. 

Dengan rowspan diatas, sama saja kita sudah membuat kolom satu baris satu, dua , tiga. sehingga apabila kita menggunakan tag <td> lagi sama saja kita sudah membuat kolom kedua. itu mengapa untuk baris ke dua digambar diatas, kita tulis bahasa indonesia langsung masuk di kolom kedua baris ke dua. 

Semoga artikel diatas bermanafaaat, kalo ada yang perlu ditanyakan silahkan lanjut di commen ya. terimakasih sudah berkunjung di Lebih Detail Tentang Membuat Table ( Menggabungkan Baris Table - Row Merger Cell)

Next Chapter >> Menggunakan Fungsi Align Untuk Table HTML 

Read more

Lebih Detail Tentang Membuat Table ( Menggabungkan Kolom Table - Merger Cell)

Merger cell adalah suatu metode dalam table yang digunakan untuk menggabungkan dua atau lebih kolom menjadi satu. Di Office Word maupun Excel merger cell sangat berfungsi khusunya untuk table. Bila di Office kita kenal dengan istilah merger cell tetapi di HTML kita akan mengenal tag <colspan>. berikut pengaplikaian fungsi tag <colspan> 

Pengaplikasian Fungsi Merger Cell di HTML 

Merger cell di HTML tentu sama seperti membuat table, menyisipkan gambar, mengatur paragraf, yang menggunakan tag. Untuk merger cell adalah attribut yang ada pada Tag <td> fungsinya untuk menggabungkan kolom. Karna fungsinya untuk menggabungkan kolom maka attribut ini berada di tag <td>. perhatikan gambar berikut

Contoh 1 - Colspan

Perhatikan Tag <td> diatas, dengan menambahkan attribut colspan="3" kita bisa menggabungkan 3 kolom sekaligus menjadi satu. Angka tiga disana digunakan untuk mendeklarasikan berapa banyak kolom yang akan kita gabungkan. perhartikan gambar dibawah ini 

Contoh 2 - Colspan 

Kita bisa menggunakan Colspan lebih dari sekali. seperti gambar diatas. kita bisa manfaatkan sesuai dengan kebutuhan. Tinggal bagaimana pinter-pinternya kita bermain logika tabel. 

Semoga artikel singkat diatas menambah library pengetahuan kita. dan semoga artikel Lebih Detail Tentang Membuat Table ( Menggabungkan Kolom Table - Merger Cell) bermanfaat. 

Next Chapter >> Lebih Detail Tentang Membuat Table ( Menggabungkan Baris Table - Row Merger Cell)

Read more

Lebih Detail Tentang Membuat Table (Membuat Baris Table)

Table adalah suatu penyampaian informasi dalam bentuk cell yang terdiri dari baris dan kolom. Membuat table dalam HTML tidak semudah membuat dalam Office Word yang ada menu untuk membuat table sangat mudah. Di HTML kita menggunakan script untuk membuat table. Kita sudah belajar cara detail membuat kolom table dengan HTML. sekarang saatnya kita belajar lebih detail cara membuat baris.

Pengaplikasian Membuat Baris di HTML 

Pelan-pelan tapi pasti, perhatikan tag berikut 

Contoh 1

Kita sudah belajar di cara detail membuat kolom table dengan HTML, untuk membuat kolom hingga seperti gambar diatas. Dengan tag diatas kita bisa membuat table seperti gambar diatas, dengan 3 kolom dan 1 baris. lalu bagaimana cara menambahkan baris ?  perhatikan tag dibawah ini

Contoh 2

Untuk menambahkan baris, kita harus menutup tag <tr> (Dengan tag </tr>)  lalu kita tambahkan tag <tr> seperti gambar diatas, jangan lupa juga untuk menambahkan tag <td> untuk membuat kolom dan hasilnya akan seperti gambar diatas. bagaimana bila kita mau menambahkan baris lagi ? perhatikan gambar dibawah ini. 

Contoh 3

Perhatikan gambar diatas, dengan menutup tag <tr> dan menambahkan tag tersebut seperti gambar diatas kita akan menambah baris pada tampilan HTML. untuk menambahkan kolom kesamping kita hanya perlu menambahkan tag <td> disana. 

Sekian informasi sedikit tentang Lebih Detail Tentang Membuat Table (Membuat Baris Table), semoga bermanfaat.

Next Chapter >> Lebih Detail Tentang Membuat Table ( Menggabungkan Kolom Table (Merger Cell))

Read more

Lebih Detail Tentang Membuat Table (Membuat Kolom Table)

Membuat table memang sedikit lebih rumit dari tag-tag yang lain. Akan tetapi tag table sangat sering kita gunakan dalam HTML, baik sebagai peyampaian informasi maupun penataan tempat. Karna memang sedikit rumit maka mari kita bahas pelan-pelan.

Pengaplikasian Table Membuat Kolom 

Pelan-pelan saja. Mari kita mulai membuat kolom dalam table, perhatikan tag berikut. 

Contoh 1

 Tag <table> sudah pasti ada. untuk membuat table. tag <tr> kita gunakan untuk membuat baris, yang artinya kita sudah membuat baris satu. tag <td> kita gunakan untuk membuat kolom yang artinya kita sudah membuat kolom satu. Bagaimana bila kita ingin membuat kolom berikutnya ? perhatikan gambar dibawah ini . 

Contoh 2

Dengan menambahkan tag <td> kita akan menambahkan kolom dalam tampilan web browser kita. seperti diatas. apabila kita ingin menambahkan kolom lagi, kita hanya perlu menambahkan tag <td> lagi seperti contoh dibawah ini

Contoh 3

Dan seterusnya, Selama kita tidak menutup tag <tr> maka kita akan tetap berada di baris satu .Perlu kita ketahui  "Jumlah kolom akan ditampilkan sebanyak tag <td> yang kita buat". 

Semoga sedikit Artikel diatas membantu kalian dalam membuat kolom table. terimakasih sudah mengunjungi artikel kami tentang Lebih Detail Tentang Membuat Table (Membuat Kolom Table). mari ke Next Chapter belajar membuat baris table 

Next Chapter >> Lebih Detail Tentang Membuat Table (Membuat Baris Table)

Read more

Mengenal Table dan Cara Membuat Table dengan HTML

Table adalah cara menampilkan suatu informasi dalam bentuk cell yang terdiri dari baris dan kolom. Table ini dibuat dengan tag <table> dan untuk baris dan kolom di deklarasikan dengan tag <tr> untuk baris, dan <td> untuk kolom. Sama dengan tag-tag HTML yang lain. semua tag-tag diatas perlu ada tah penutupnya. 

Komponen Table dalam HTML 

Dalam tabe kita pasti akan mengenal baris dan kolom  . Dalam HTML Baris dan Kolom  dideklarasikan dengan tag <tr> dan <td>. Membuat table sedikit lebih rumit dibandingkan belajar tag-tag yang lain. untuk memulai membuat table kita harus memulai dengan tag <table>  lalu baru diikuti dengan tag <tr> untuk membuat baris, dan dilanjut dengan tag <td> untuk membuat kolom. Untuk mengenal lebih dalam tentang Baris dan kolom perhatikan gambar berikut 

Pengenalan Table

Bagaimana bila diaplikasikan di HTML ? Berikut contoh apabila diaplikasikan di HTML 

Contoh Table dengan HTML

 Tag Table selalu diawali dengan <table>  lalu diikuti membuat baris dengan tag <tr>  selama masih berada didalam tag <tr> sebelum di tutup dengan </tr>  maka akan tetap berada di baris satu. Bila kita ingin membuat baris ke dua. maka kita harus menutup baris pertama (</tr>) dan membuat baris baru (<tr>) seperti gambar diatas. 

Semoga Artikel diatas membantu sedikit pengetahuan anda tentang Table dan Cara Membuat table dengan HTML, Untuk Informasi lebih detail lanjut ke Next Chapter

Baca Juga >> Lebih Detail Tentang Membuat Table (Membuat Kolom HTML)

Read more

Memanfaatkan Attribut Image Align Untuk Memindah Posisi Gambar

Tag Image adalah script yang digunakan untuk menyisipkan gambar kedalam web browser dengan HTML. Tag image ini memiliki beberapa attribut untuk penyesuaian gambar yang diantaranya width untuk mengatur ukuran gambar dan align untuk mengatur posisi gambar. Disini kita akan membahas tentang align untuk memindah posisi gambar.

Pengaplikasian Attribut Align pada Tag Image

Attribut align pada tag image sama seperti attribut align pada tag paragraf. fungsinya untuk mengatur posisi peletakan gambar. Berbeda dengan Microsoft Word yang gambar bisa kita letakkan sesuai kehendak kita. Di HTML gambar bisa dipindah hanya dengan penggunaan attribut align. berikut pengaplikasiannya. 

Contoh gambar menyisipkan gambar tampa menggunakan Align 

Tanpa attribut Align gambar menjadi akan menjadi posisi In line With Text

 Tanpa ada attribut align. Gambar akan ditempatkan sebagai Wraping In Line With Text. Gambar berada di awal sebuah kalimat.

Mengunkan Align Right (Rata ke kanan)

 Gambar diatas kita menggunakan Align dengan option  "Right" yang artinya gambar akan berada di kanan tulisan dan hasilnya akan seperti gambar diatas. Bagaimana dengan attribut yang lain. 

Menggunakan Align Left (Rata ke Kiri)

Seperti itulah memanfaatkan attribut align untuk mengatur posisi gambar terhadap text. semoga bermanfaat teori tentang Memanfaatkan Attribut Image Align Untuk Memindah Posisi Gambar. 

Next Chapter >> Mengenal Table dan Cara Membuat Table dengan HTML

Read more

Merubah Ukuran Gambar dengan Attribut Width, Tag Image HTML

Tag Image adalah suatu script atau tag yang berfungsi untuk menyisipkan gambar kedalam halaman web. Tag image memiliki beberapa atrribut yang salah satunya adalah width. Attribut ini digunakan untuk mengatur ukuran gambar yang akan kita tampilkan di web.

Menggunakan Attribut Width Pada Tag Image

 Attribut Width digunakan untuk mengatur ukuran gambar yang akan kita tampilkan di web. Bagaimana cara penggunaanya? Perhatikan gambar di bawah ini 

Atas Ukuran 30 % - Bawah Ukuran 10 %

Diatas kita bisa melihat penggunaan tag image dengan diikuti attribut width dengan ukuran persen. untuk ukuran kita juga bisa menggunakan px (pixcel), Berikut contoh yang menggunakan ukuran pixcel 

Atas 128 Pixcel - Bawah 520 Pixcel

Perbedaannya hanya ada di belakang ukuran, apabila kita menggunakan pixcel maka diakhir kita tinggal menambahi px apabila kita menggunakan persen kita tinggal menggunakan simbol %. 

Nah semoga sedikit artikel tentang merubah ukuran gambar dengan attribut width , semoga bermanfaat. 

Next Chapter >> Memanfaatkan Attribut Image Align Untuk Memindah Posisi Gambar

Read more

Mengenal Tag Image HTML Untuk Menyisipkan Gambar

Tag Image adalah tag yang kita gunakan untuk menyisipkan gambar kedalam Web Browser dengan menggunakan HTML. Berbeda dengan kita menulis artikel di Office Word yang apabila kita ingin memasukkan gambar hanya Copy lalu Paste di lembar kerja Word. Di HTML kita harus menggunakan Tag untuk memasukkan gambar ke dalam Web Browser. Tentu dengan Tag Image <image> tersebut.

Implementasi Tag Image HTML 

Tag Image ini adalah tag yang digunakan untuk menyisipkan gambar kedalam web browser. Tanpa tag ini kita tidak akan bisa memasukkan gambar apapun kedalam web browser. Tag Image ini memiliki beberapa attribut sama seperti tag-tag yang lain. Beberapa tag tersebut diantaranya Width, Align, Height  dan lain-lain .

Untuk menyisipkan sebuah gambar, kita harus tahu dimana letak gambar tersebut, tepatnya di direcory atau folder mana gambar itu berada dan apa extensionya. sementara untuk mempermudah kita taruh gambar tepat satu folder dengan web html yang kita simpan seperti gambar berikut. 

Script HTML dan Gambar berada di satu folder

Apabila web dan gambar berada di satu folder seperti diatas, untuk script htmlnya kita tidak perlu menambahkan directory dimana gambar itu berada. kita tinggal menuliskan script seperti berikut

Gambar kiri hasil di web browser - Gambar kanan Scrpt HTML

Disana saya menggunakan script <image src="koala.jpg"> dimana src atau search digunakan untuk mencari nama gambar yang akan kita ambil, dan difolder mana (karna gambar berada satu folder dengan script html jadi kita tidak perlu menambahkan letak folder). sedangkan koala adalah nama file gambarnya. dan .jpg adalah extensionya. 

Next Chapter >> Merubah Ukuran Gambar dengan Attribut Width, Tag Image HTML

Read more

Mengenal Tag Heading dalam HTML

Heading / Header adalah sebuah tag yang digunakan untuk  mengubah ukuran tulisan kedalam standar ukuran penulisan sebuah judul . Artinya dengan penggunaan Header yang  benar menjadikan artikel dalam web anda menjadi SEO.

Tingkatan-Tingkatan Header HTML

Heading / Header memiliki tingkatan. Tingkatan disini adalah tingkatan ukuran besar atau kecilnya ukuran tulisan. Tingkatan Header ini adalah dari satu sampai enam. dimana semakin besar nilainya maka semakin kecil ukuran tulisannya. berikut contohnya

Contoh Program dan Tampilan di web 

Sama dengan rule semua tag HTML, Header ini pun berlaku hanya untuk Text yang berada diantara tag <h1> sampai dengan sebelum  </h1>.  Apabila diluar dari itu maka fungsi header tidak bisa digunakan. 

Semoga sedikit informasi tentang Mengenal Tag Heading dalam HTML bermanfaat. 

Next Chapter >> Mengenal Tag Paragraf dalam HTML

Read more

Contoh dan Fungsi Tag HTML (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. 

Berkarya dengan Tag Font HTML

Tag Font memiliki 3 Opsi Attribut diantaranya Color, Size, Face.  Atrribut ini yang nantinya kita gunakan untuk mengedit tulisan baik warna, ukuran maupun tampilan atau style. berikut contoh merubah warna dengan menggunakan Tag font. 

Contoh Penggunaan Font Color 

Inilah yang membedakan text diluar dari Tag dan tidak. bila kita menggunakan Tag Font, maka pengaturan ini akan berjalan atau bekerja jika tulisan berada di antara tag <font> sampai sebelum tag </font>. Bila diluar maka pengaturan tidak akan berjalan.  disana kita bisa lihat tag font color digunakan untuk mengapit kata "HTML Dasar" sehingga hasil menunjukkan kata "HTML Dasar" berubah warna menjadi biru sedangkan kata "Saya Belajar" tidak . 

Bagaimana dengan merubah ukuran Font ? Kita cukup menambakan attribut size  dan kita beri berapa ukurannya. misal seperti gambar berikut 

Penambahan Atribut Size

Hanya dengan menambahkan attribut option Size dan memberi angka kita sudah bisa merubah ukuran Tulisan pada web browser. sepreti gambar diatas. Size font saya rubah ke angka sembilan dan hasilnya berubah seperti gambar diatas. 

Lalu bagaimana dengan merubah tampilan atau style tulisan ? Sama seperti sebelumnya hanya attribut yang kita gunakan untuk merubah tampilan style font yaitu dengan face  berikut contohnya. 

Penambahan Attribut Face

Dengan penambahan face pada attribut <font> kita bisa merubah tampilan seperti apa yang kita mau. hanya saja perlu dicatat, nama font style yang kita tulis harus benar. atau untuk memudahkan anda bisa menggunakan Dreamweaver. 

Nah Semoga artikel kami dapat menjadi refrensi kalian sebagai Contoh dan Fungsi Tag HTML (Font)

Next Chapter >> Mengenal Tag Heading dalam HTML 

Read more

Info Struktur dan Bagian HTML

Hyper Text Markup Language (HTML) adalah bahasa pemrograman berbasis wes yang digunakan untuk membangun suatu website. HTML memiliki struktur dasar dalam pembuatannya. Dalam HTML kalian pasti akan melihat bagian-bagian ini.

Struktur Dasar Pembentuk HTML  

HTML dibuat selalu diringi dengan struktur dasarnya, berikut merupakan 4 struktur dasar yang melekat dalam HTML :

• DTD (Declarasi Doctype) bagian ini berfungsi mendefinisikan jenis dokumen 
• HTML ini adalah bagian utama dalam konteks kita. bagian ini seperti dunia dan tag-tag lain adalah isi dari dunia. jadi Tag <HTML>  sampai dengan sebelum tag penutup </HTML> ini adalah dunia web yang nantinya kita bangun. 
• HEAD ibarat manusia HTML memiliki kepala dan badan. di "Head" biasanya berisi judul, atau link-link pendukung web seperti CSS, JAVASCRIPT. luas wilayah Head pun sama seperti HTML yaitu antara tag <HEAD> sampai sebelum tag penutup </HEAD>
• BODY ini adalah Bagian paling utama dalam Web desain. Body atau badan dari HTML. disini kita akan menuliskan seluruh tag-tag pendukung HTML dan tentunya semua akan ditampilkan di web browser (kecuali tag comment). Bodypun memiliki luas wilayah yang sama, yaitu antara tag <BODY> sampai sebelum tag penutup </BODY>

Contoh Pengaplikasian Tag Dasar HTML

1. Declarasi Doctype biasanya diaplikasikan di awal sebuah script HTML sebelum memulai tag <HTML>  berikut salah satu contoh Declarasi Doctype 

1. 

   Contoh Penggunaan Doctype

    Pengaplikasian Tag HTML, Head, dan Body biasanya langsung dibuat dalam satu kesatuan dengan struktur seperti gambar berikut. 

   

   Contoh penggunaan HTML, Head, Body

   kotak merah adalah tag Head yang nantinya di web browser akan ditampilkan diatas, atau di title bar, sedangkan kotak biru adalah area body, yang akan ditampilkan di body web. dan HTML adalah yang menghimpit semua tag tersebut. 

Semoga artikel diatas bermanfaat untuk kita semua yang sedang belajar HTML dan mencari Info Struktur dan Bagaian HTML. Terimakasih 

Next Chapter >> Contoh dan Fungsi Tag HTML (Font)

Read more

Mengenal Bahasa Pemrograman HTML

HTML (Hyper Text Markup Language) adalah sebuah bahasa pemrograman web yang digunakan untuk menulis format dokumen yang bisa ditampilkan dalam web. Pembuatan bahasa pemrograman ini tidak membutuhkan banyak perangkat maupun program untuk dijalankan. Anda hanya membutuhkan text editor untuk membuatnya dan menyimpan dengan format HTML.

HTML ditulis dengan tag pembuka dan tag penutup. fungsi pada sebuah text akan berlaku bila text berada didalam tag antara pembuka dan penutup. misal seperti contoh dibawah ini 

HTML yang di tulis di notepad dan dibuka di web browser

Lalu apa perbedaannya dengan kita yang mengetik langsung di notepad dan disimpan dalam format HTML? bukannya sama saja ? seperti gambar dibawah ini.

Teks yang ditulis tanpa tag HTML 

Memang bila kita hanya menulis seperti diatas, kita tidak memerlukan tag HTML. Perbedaannya akan terlihat nanti saat ada perubahan warna tulisan, bentuk tulisan, isi tabel dan lain-lain yang akan dijelaskan lebih lanjut di sini .

Next Chapter >> Info Struktur dan Bagian HTML 

Read more