Dalam rangka untuk memformat dokumen HTML, kita menggunakan tag HTML. Tag HTML adalah case insensitive, <HTML> dan <html> adalah sama. Tag yang paling harus dimulai dengan tag terbuka dan berakhir dengan tag penutup. Sebagai contoh: <H1> Heading 1 </ H1>. Namun, beberapa tag seperti <img> tidak membutuhkan tag penutup.
Berikut adalah ringkasan dari beberapa tag dasar:
Tags | Desciption |
<html></html> <head></head> <title></title> <body></body> <h1></h1> <b></b> <i></i> <u></u> <br> | Tags which create the HTML document. Tags which denote the first part of the HTML document. Tags which define the title of the web page. Tags which define the main contents of the HTML document. Tags that indicate the headings. There are 6 headings, from h1 to h6. Tags that display bold text. Tags that display italic text. Tags that underline the text. Tag that indicate line break. No closing tag is required here. |
Sekarang, buka notepad di windows dan ketik kode berikut:
[Anda juga dapat menyalin kode dan paste ke notepad Anda]
<html> <head> <title>My sample HTML document</title> </head> <body> <h1><u>My sample HTML document</u></h1> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6> <b> Bold text</b> <br> <i>Italic text</i> <br> <u>Underlined text</u> <b><i>Bold and italic text</i></b> <b><i><u>Bold, italic and underlined text</u></i></b> <h1><i>Italic heading</i></h1> <h3><u>Underlined heading</u></h3> </body> </html>Untuk menyimpan file, klik pada menu file dan pilih Save As, mengubah jenis file All file, simpan file sebagai sample1.html dalam Mydokumen. (Anda mungkin menggunakan nama file yang berbeda dan folder)
Untuk melihat halaman web, Mozzila atau IE dan membuka file di atas
Hasil akan tampak sbb :
My sample HTML documentThis is heading 1This is heading 2This is heading 3This is heading 4This is heading 5This is heading 6Bold textItalic text Underlined text Bold and italic text Bold, italic and underlined text Italic headingUnderlined heading |
Klik Like/share jika anda menyukai tulisan ini;
0 Reply :
Posting Komentar
Jika ada pertanyaan atau request,Komentar pada tab blogger akan lebih memudahkan saya untuk membalasnya karena lebih mudah melakukan pengecekan komentar.