Format Teks HTML

1. BREAK

Tag <BR> di gunakan untuk memulai baris baru pada dokumen HTML.

Contoh:

2. FONT

Dengan tag <FONT> anda bisa menentukan format tampilan font dalam dokumen HTML seperti color, size, style dan lainya.

Contoh:

Atribut 
- color : untuk menentukan warna font, anda bisa menggunakan nama warna atau hexadecimal(#000000 - #ffffff)
- size : untuk menentukan ukuran dari font 1-7
- face : untuk menentukan jenis font biasannya dalam satu list ada beberapa font dan akan dibaca mulai dari paling kiri.

3. COLOR
Color merupakan atribut yang bisa ditambahkan pada beberapa elemen seperti body, font, link dan lainya. Color dibagi dalam tiga kategori warna primer yaitu red, green dan blue. Masing-masing color didefinisikan dalam dua digit hexadecimal number.

#FFGGBB
Hexadecimal:Collor
#FF0000     :Red
#00FF00     :Green
#0000FF     :Blue
 #000000    :Black
#FFFFFF   :White

4. Physical Formatting

 











5. Logical Formatting

Tag-Tag Dasar HTML

Dokumen HTML bisa di bagi mejadi tiga bagian utama:

1)      HTML

Setiap dokumen  HTML harus di awali dan di tutup dengan tag HTML

Tag HTML memberi tahu browser bahawa yang di dalam kedua tag tersebut adalah dokumen HTML.

1)      HEAD

Bagian header dari dokumen HTML di apit oleh tag <HEAD></HEAD> di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul dari halaman pada titlenya browser.Selain itu Bookmark juga megunakan tag TITLE untuk memberi mark suatu web site. Browser menyimpan “title” sebagai bookmark dan juga untuk keperluan pencarian (searching) biasanya title di gunakan sebagai keyword. Header juga memuat tag META yang biasanya di gunakan untuk menentukan informasi tertentu mengenai dokumen HTML, anda bisa menentukan author name, keywords, dan lainya pada tag META.

Contoh:

 1)      BODY

Dokumen body di gunakan untuk menampilkan text, image link dan semua yang akan di tampilkan pada web page.Untuk lebih lanjutnya perhatikan skema elemen di bawah ini. 

  

Keterangan : 

• Dokumen HTML selalu diawali dengan tag pembuka <html> dan diakhiri dengan tag penutup </html>
• Pada elemen head <head></head>, anda dapat memasukan kode-kode untuk menuliskan keterangan tentang dokumen HTML. 
• Elemen body <body></body> berisi tag-tag untuk isi atau layout tampilan situs anda.

Command / perintah HTML disebut TAG, TAG digunakan untuk menentukan tampilan dari dokumen HTML.

 

 
 Contoh: Setiap dokumen HTML di awali dan di akhiri dengan tag HTML.
 

 Tag tidak case sensitive, jadi anda bisa gunakan <HTML> atau <html>, keduanya akan menghasilkan output yang sama.

Bentuk dari tag HTML sebagai berikut  :

Element - nama tag

Attribute - atribut dari tag

Value - nilai dari atribut.

Contoh:

BODY merupakan element, BGCOLOR(BackgroundColor) merupakan atribut yang memiliki nilai lavender.

Menuliskan suatu komentar pada dokumen HTML seperti nama pengarang keterangan elemen dan tag dan lain-lain. Keterangan ini akan diabaikan oleh browser.

Contoh: <!--komentar program di sini-->
Untuk memulai bekerja dengan HTML anda bisa gunakan editor Notepad++ atau editor lainya. Caranya:
1. Ketikkan tag-tag berikut di notepad++
 

2. Simpan dengan nama file latihan1.html dalam drive  
    C:/XAMPP/HTDOCS/(FOLDER_ANDA)


3. Buka dengan browser dan ketikkan http://localhost/(folder_anda)/  maka outputnya akan sebagai berikut :