Skip to main content

Struktur HTML

Halo teman-teman, setelah kalian membaca postingan ini kita lanjut belajarnya.
1. Teman-teman buka Teks Editor.
2. Buat file baru dengan nama "struktur.html".


3. Sekarang ketikkan teks berikut :

<!DOCTYPE HTML>
<html>
<head>
  <title>Belajar</title>
</head>
<body>
  Pelajaran pertama
</body>
</html>

simpan file CTRL+S.

4. Cari dimana struktur.html disimpan, kemudian klik kanan>open with>browser yang kalian pakai.


5. Jika berhasil maka akan tampil seperti dibawah ini.

Sekarang penjelasanya :

<!DOCTYPE HTML>
adalah tag awal sebuah dokumen html, dan berfungsi untuk menginformasikan kepada browser bahwa dokumen ini adalah HTML.

<html>..</html>
ini adalah tag dimana kode HTML akan diisi di dalam sini... jangan lupa untuk menutup tag </html>

<head>..</head>
berfungsi untuk menyimpan data mengenai dokumen HTML

<title>..</title>
 berfungsi untuk memberikan judul dokumen HTML kita, dan hasilnya bisa kita lihat di tab browser.

<body>..</body>
isi dari tag ini yang ditampilkan di browser kita.

Comments

Popular posts from this blog

Cara Install JDK Windows

 Oke langsung saja ke caranya : 1. Silahkan menuju link  https://www.oracle.com/java/technologies/downloads/ 2. Pilih sesuai kebutuhan sobat 3. Install

mengatasi printer error 0x00000709

hapus device printer lama dari registri editor 1. windows+R kemudian ketik Regedit > enter 2. temukan Device > HCU (HKEY_CURRENT_USER) > Software > Microsoft > windows NT > Current Version > windows 3. klik kanan pada Device > delete 4. jika tidak dapat dihapus, ubah permission menjadi full control dengan cara edit > permissions 5. centang full control pada allow > OK 6. restart PC

paragraf dan line break HTML

Hai teman-teman.. Ogenki desuka?? Semoga kita semua selalu dalam keadaan baik dan sehat. Oke kali ini, kita akan belajar membuat paragraf dan line break di html. untuk membuat paragraf kita menggunakan tag <p>..</p>, dan untuk linebreak kita hanya memakai tag <br/>. langsung saja kita coba : 1. Buat file .html di teks editor kesayangan kalian. 2. Ketikan seperti berikut : <!DOCTYPE> <html>   <head>     <title>Paragraf dan Line break</title>   </head>   <body>     <p>ini paragraf :)</p>     <p>ini line break<br/></p>   </body> </html> 3. Simpan file tadi dan buka dengan browser, dan kita bisa melihat hasilnya : Cukup sampai disini saja ya :) see you next post.