Langsung ke konten utama

HTML Basic Example

Membuat dokumen HTML
Semua dokumen HTML harus dimulai dengan <!DOCTYPE html> dan setelahnya dimulai dengan opening tag <html> dan diakhiri dengan closing tag </html> di akhir dokumen HTML. Yang akan ditampilkan pada web browser adalah hasil dari coding dalam dokumen HTML tersebut, yaitu konten-konten yang terdapat pada setiap elemen yang ditulis pada bagian <body></body>. Bagian <body></body> tersebut ditulis setelah bagian <head></head>.

Contoh dokumen HTML 

  1. <!DOCTYPE html>
  2. <html>
  3.    <body>
  4.       <h1>My First Heading</h1>
  5.       <p>My first paragraph.</p>
  6.    </body>
  7. </html>

Dari hasil penulisan coding di atas, maka pada web browser akan ditampilkan sebagai berikut: 
My First Heading


My first paragraph.

HTML Headings
HTML Heading dibentuk dari tag <h1> sampai dengan <h6>. <h1> mendefinisikan bahwa heading tersebut merupakan heading yang paling utama dalam dokumen HTML tersebut, dan <h6> mendefinisikan bahwa heading tersebut merupakan heading yang paling akhir dalam dokumen HTML tersebut.

Contoh HTML Headings 

  1. <h1>This is heading 1</h1>
  2. <h2>This is heading 2</h2>
  3. <h3>This is heading 3</h3>
  4. <h4>This is heading 4</h4>
  5. <h5>This is heading 5</h5>
  6. <h6>This is heading 6</h6>

Dari hasil penulisan coding di atas, maka pada web browser akan ditampilkan sebagai berikut: 
This is heading 1


This is heading 2


This is heading 3


This is heading 4


This is heading 5


This is heading 6

HTML Paragraphs
HTML Paragraph dibentuk dari tag <p>.

Contoh HTML Paragraphs 

  1. <p>This is a paragraph.</p>
  2. <p>This is another paragraph.</p>

Dari hasil penulisan coding di atas, maka pada web browser akan ditampilkan sebagai berikut: 
This is a paragraph.


This is another paragraph.

HTML Links
HTML Links dibentuk dari tag <a>.

Contoh HTML Links 

  1. <a href="https://www.w3schools.com">This is a link</a>

Dari hasil penulisan coding di atas, maka pada web browser akan ditampilkan sebagai berikut: 
This is a link

HTML Links
HTML Links dibentuk dari tag <a>.

Contoh HTML Links 

  1. <a href="https://www.w3schools.com">This is a link</a>

Dari hasil penulisan coding di atas, maka pada web browser akan ditampilkan sebagai berikut: 
This is a link

Komentar

Posting Komentar