Struktur Dasar HTML

Jumat, Juli 07, 2017
Assalamualaikum Wr. Wb.

Selamat datang di ProgramPc dalam postingan kali ini kita akan membahas Struktur Dasar HTML.
Struktur HTML yang akan kita bahas kali ini adalah struktur yang sangat sederhana. Sebuah halaman web biasanya memiliki ratusan bahkan ribuan baris, yang ditulis dengan berbagai tag HTML.

Setiap halaman HTML memiliki struktur paling dasar yang terdiri dari : Tag html, tag head, dan tag body. Seperti coba anda buka teks editor disini saya menggunakan Notepad++ buat file baru lalu isi seperti ini.

<html>
  <head>
    <title>ProgramPc</title>
  </head>
<body>
   <p>Selamat Datang Di ProgramPc</p>
</body>
</html>

Lalu save file tersebut dengan nama file.html buka file tersebut dengan cara open with via Mozilla Firefox atau browser yang anda punya.

Tag <html>
Tag ini berfungsi sebagai pembuka dari halaman web. Semua kode HTML harus berada di dalam tag ini. Tag html dimulai dengan <html> dan diakhiri dengan </html>.

Tag <head>
Tag ini akan berisi berbagai definisi halaman, seperti kode CSS, JavaScript, dan kode-kode lainnya yang tidak tampil di browser.
Tag <title>
Tag ini berfungsi menampilkan title dari sebuah halaman web. Title ini ditampilkan pada bagian paling atas web browser. Contohnya pada file.html, ‘ProgramPc’ akan ditampilkan pada tab browser.

Tag <body>
Tag ini berisi semua elemen yang tampil dalam halaman web, seperti paragraf, tabel, link, gambar, dll. Dalam merancang web akan banyak waktu yang kita dihabiskan di dalam tag <body> ini.
Perhatikan bahwa setiap tag akan diakhiri dengan penutup tag. Termasuk <html> yang merupakan tag paling awal dari sebuah halaman web.

Cukup sekian postingan kali ini semoga bermanfaat, kurang lebihnya mohon maaf apabila ada kesalahan penulisan kata.

Wassalamualaikum Wr. Wb.

Artikel Terkait

Previous
Next Post »