Content Display dalam Halaman Web

HTML Text Formating
HTML uses tags like and for formatting output, like bold or italic text. Examples :
• This text is bold -> This text is bold
• This text is italic -> This text is bold
Sumber W3C School.
Tag Description
Define Bold Text
Define Italic Text
Define subscripted Text

HTML Styles
Atttribute style
Attribut Style digunakan secara langsung terhadap tag yang berada dalam BODY untuk melakukan pengaturan dengan properti-properti CSS.
HTML Images
Mengenal Jenis Gambar
Sebelum mempraktekkan penambahan gambar dalam dokumen web, ada baiknya untuk mengenal berbagi tipe gambar yang dapat ditampilkan oleh browser.
HTML Tables
ELEMEN TABLE
Untuk membuat tabel. Anda harus memulainya dengan pasangan tag ... Di dalam tag anda dapat menentukan banyak kolom dan baris. Perataan, warna dan pengaturan lainnya
Atribut Table:
• Border : untuk membuat batas tepi.
• Width : untuk mengatur lebar table.
• Align : untuk mengatur bentuk perataan horizontal data di dalam table. Seperti kiri, tengah, atau kanan
• DLL.
Group Baris
Baris tabel bisa dibagi menjadi tabel head. Tabel foot dan tabel body dengan menggunakan elemen THEAD, TFOOT dan TBODY.
Tabel head dan tabel tfoot berisi informasi tentang tabel kolom
tabel body berisi dari table data.
Setiap THEAD, TFOOT dan TBODY berisi group baris dan masing-masing group paling sedikit berisi satu baris didefinisikan dengan elemen
HTML List
HTML Unordered Lists
An unordered list starts with the

tag. Each list item starts with the
• tag.
  The list items are marked with bullets (typically small black circles).
  HTML Ordered Lists
  An ordered list starts with the
  tag. Each list item starts with the
  1. tag.
     The list items are marked with numbers.
     HTML Definition Lists
     A definition list is a list of items, with a description of each item.
     The

     tag defines a definition list.
     The

     tag is used in conjunction with

     (defines the item in the list) and

     (describes the item in the list):
     Tag Description
     

     Defines an ordered list
     
     Defines an unordered list
     
     • Defines a list item
       

       Defines a definition list
       

       Defines an item in a definition list
       

       Defines a description of an item in a definition list
       
       

Content Display dalam Halaman Web

HTML Text Formating
HTML uses tags like and for formatting output, like bold or italic text. Examples :
• This text is bold -> This text is bold
• This text is italic -> This text is bold
Sumber W3C School.
Tag Description
Define Bold Text
Define Italic Text
Define subscripted Text

HTML Styles
Atttribute style
Attribut Style digunakan secara langsung terhadap tag yang berada dalam BODY untuk melakukan pengaturan dengan properti-properti CSS.
HTML Images
Mengenal Jenis Gambar
Sebelum mempraktekkan penambahan gambar dalam dokumen web, ada baiknya untuk mengenal berbagi tipe gambar yang dapat ditampilkan oleh browser.
HTML Tables
ELEMEN TABLE
Untuk membuat tabel. Anda harus memulainya dengan pasangan tag ... Di dalam tag anda dapat menentukan banyak kolom dan baris. Perataan, warna dan pengaturan lainnya
Atribut Table:
• Border : untuk membuat batas tepi.
• Width : untuk mengatur lebar table.
• Align : untuk mengatur bentuk perataan horizontal data di dalam table. Seperti kiri, tengah, atau kanan
• DLL.
Group Baris
Baris tabel bisa dibagi menjadi tabel head. Tabel foot dan tabel body dengan menggunakan elemen THEAD, TFOOT dan TBODY.
Tabel head dan tabel tfoot berisi informasi tentang tabel kolom
tabel body berisi dari table data.
Setiap THEAD, TFOOT dan TBODY berisi group baris dan masing-masing group paling sedikit berisi satu baris didefinisikan dengan elemen
HTML List
HTML Unordered Lists
An unordered list starts with the

tag. Each list item starts with the
• tag.
  The list items are marked with bullets (typically small black circles).
  HTML Ordered Lists
  An ordered list starts with the
  tag. Each list item starts with the
  1. tag.
     The list items are marked with numbers.
     HTML Definition Lists
     A definition list is a list of items, with a description of each item.
     The

     tag defines a definition list.
     The

     tag is used in conjunction with

     (defines the item in the list) and

     (describes the item in the list):
     Tag Description
     

     Defines an ordered list
     
     Defines an unordered list
     
     • Defines a list item
       

       Defines a definition list
       

       Defines an item in a definition list
       

       Defines a description of an item in a definition list
       
       

Dasar Hypertext Markup Language

Element HTML
• HTML element starts with a start tag / opening tag.
• HTML element ends with an end tag / closing tag.
• The element content is everything between the start and the end tag.
• Some HTML elements have empty content.
• Empty elements are closed in the start tag.
• Most HTML elements can have attributes.
Catatan :
Elemen HTML yang tidak memiliki konten atau isi disebut empty element / elemen kosong.
Elemen dapat ditutup pada awal tag.
adalah contoh elemen kosong yang tidak memerlukan end tag.

bermakna ganti baris. Pada XHTML, XML, dan versi HTML yang lebih baru, semua elemen harus ditutup dengan end tag.
Cara yang tepat untuk menutup elemen kosong yang dapat diterima oleh HTML, XHTML dan XML adalah dengan menambahkan garis miring di awal tag, seperti
.
Walaupun
terbukti berjalan baik disemua browser, menulis
akan lebih baik.


HTML Tag
Sewaktu browser menampilkan halaman web. Browser akan membaca teks pada dokumen HTML dan mencari kode khusus yang disebut tag


Nb : Tag yang mengandung tag lain di dalamnya disebut sebagai nested tag. jadi tag tidak boleh tumpang tindih

Beberapa Contoh HTML Tag :
• br /> : Digunakan untuk berpindah baris.
• p> /p> : Digunakan untuk mendeklarasikan paragraph.
• hr /> : Membuat Garis Horizontal.
• blink> : Membuat Text berkedip-kedip.
• font> : Menformat huruf.
• DLL.


HTML Attribute
Setelah sebelumnya kita belajar tentang Tag HTML maka kita sekarang mencoba untuk melihat kemampuan ekstra lain dari tag HTML.
Kemampuan tambahan ini diperoleh melalui penggunaan atribut tag HTML. Atribut memungkinkan informasi tambahan pada elemen HTML.
Tag awal biasanya memiliki beberapa buah atribut yang menyatakan karakteristik tag tersebut, contoh :

Hallo World
Pada contoh diatas “p” adalah nama tag, “align” adalah nama atribut sedangkan “center” adalah nilai atribut.

Nb : atribut selalu melibatkan nilai.

•

: digunakan untuk menengahkan text paragraph.
• : digunakan untuk membuat table yang mempunyai ketebalan garis sebesar 1 pixel dan berwarna solid (hitam).
• : digunakan untuk membuat background body dengan warna hitam.
• : digunakan untuk memrubah ukuran font.
• DLL.



HTML Heading
Heading dokumen adalah suatu tag yang berisi informasi mengenai bagian kepala dari suatu dokumen HTML.

Kepala dokumen dinyatakan dengan pasangan tag, head berisi informasi-informasi yang menjelaskan tentang dokumen HTML yang anda buat, seperti judul dokument, index suatu dokumen dll.
Untuk membuat judul pada suatu dokumen HTML digunakan pasangan tag. Tag title hanya boleh berada di bagian HEAD dan setiap dokumen hanya boleh memiliki satu title.
Title biasanya ditampilkan oleh browser pada title bar dari jendela browser dan berfungsi sebagai label di browser yang anda gunakan,
Elemen Meta:
• Elemen META digunakan untuk memberikan informasi tentang suatu dokumen.
• Elemen META bukan untuk mengantikan elemen title.
• Elemen META digunakan untuk memberikan informasi lain yang bermanfaat bagi browser atau server.