< meta name="keywords" content="HTML demonstration" >
< meta name="description" content="Just a simple HTML page." >
< title>New Web Site< /title>
< /head> < body>
< h1>Hello World! < /h1>
< p>This is my first HTML document.< /p>
< /body> < /html>
Hal pertama yang akan Anda perhatikan adalah bahwa bagian teks dibungkus dalam tag HTML, yang adalah kata kunci HTML ditutupi dalam kurung seperti < head> atau < h1>. Ini memberitahu browser web arti dari setiap bagian teks. Ada dua jenis tag HTML, yang pertama adalah tag yang membutuhkan pembukaan dan penutupan tag seperti < head> dan < h1>. Tag ini menyertakan seluruh bagian dari teks, sehingga untuk memberitahu browser mana bagian dimulai dan berakhir baik pembukaan dan penutupan tag yang diperlukan. Perhatikan bagaimana tag penutup memiliki garis miring (/) sedangkan tag pembukaan tidak.
Tipe kedua tag adalah tag yang tidak memerlukan tag penutup. Mereka adalah untuk elemen HTML yang tidak menyertakan unsur atau teks lainnya. Salah satu contoh akan menjadi tag < meta/> yang menentukan informasi tentang dokumen yang berguna untuk mesin pencari atau perangkat lunak pengindeksan. Tag ini memiliki garis miring sebelum tanda kurung tutup (>).
Dalam rangka untuk memiliki halaman HTML yang lengkap, semuanya harus dibungkus dalam tag seperti di atas. Setelah Anda memiliki tag tersebut diatur, langkah berikutnya akan menjadi tag
. Di bagian kepala, Anda menentukan informasi tentang dokumen HTML Anda yang belum tentu ditampilkan di jendela utama dari browser web. Dalam contoh di atas, bagian kepala memiliki dua meta tag yang menentukan beberapa kata kunci pencari mungkin gunakan untuk menemukan halaman serta deskripsi singkat dan judul halaman web. Judul yang diberikan di bagian kepala yang digunakan dalam judul bar dari jendela browser serta pada daftar mesin pencari, jadi pastikan untuk memilih judul yang relevan.Sekarang mari kita lihat pada halaman HTML sedikit lebih maju untuk memahami lebih lanjut tentang bagian tubuh. Bagian tubuh berisi semua informasi yang disajikan kepada pengguna dalam melihat jendela utama browser web. Ini termasuk gambar, tabel, animasi Flash, dan link. Lihatlah HTML di bawah ini untuk melihat bagian tubuh yang lebih rinci (perhatikan bahwa bagian kepala dan pembukaan dan penutupan < html> telah tinggalkan).
< h1> Selamat datang di website pribadi saya! < /h1>
< h2> Menu Utama h2>
< ul>
< li>
< a href="resume.html"> Resume a>
Li>
< li>
< a href="photos.html"> Foto Saya a>
< / Li>
< / Ul>
< h2> Update Terbaru h2>
< p>
Ini akan daftar beberapa update terbaru ke situs web. P>
< h2> Links h2>
< a href="http://komputek.heck.in/"> MOBILE ASHARI a>
< / Body>
Sementara dalam contoh ini, Anda akan melihat banyak tag HTML asing yang akan dibahas dalam tutorial selanjutnya, kita lihat struktur dokumen. Perhatikan bagaimana ia diorganisir menjadi garis besar, dengan tag heading (h1, h2 dan) datang satu demi satu seperti subtopik pada outline. Ketika merancang halaman HTML Anda, selalu berpikir seperti garis karena ini adalah bagaimana web browser, mesin pencari, dan pembaca Anda akan melihatnya.
Terimakasih sudah mengunjungi blog ini.
Di dukung :
google, facebook ,yahoo youtube , alexa, bloggers, mypagerank , mywapblog , wapka, mobile ashari , baidu, wikipedia, QQ, linkedin, twitter , play store,
tiduran dulu disini boleh
BalasHapusane nyimak dulu gan,msh agak bingung j……:)
BalasHapussavepage dulu.. :D
BalasHapusKerenz
BalasHapusMantap bro tutornya.ane copas kode html di atas ah yar tau apa yang terjadi wkwk
BalasHapusJgn lupa berkunjung,new post :right: Motto hidup dalam belajar
haha.. Ane belum tertarik ama html sob.. Ane masih tertarik ama css mwb
BalasHapusKunjungan sore gan.
BalasHapusArtikel mantap.
Sory sob jika telat.
wah sering sering ya kawan update yg kaya gini...
BalasHapusbiar pengetahuan kita ga cuma soal mempercantik blog...
kunj sore sob
BalasHapusMakin brkualitas postnya
Trus brkarya
info yang bermanfaat gan.
BalasHapuskunbal y
Kunjungan Sore Sob
BalasHapusTapi Nice Post Juga Sob
Dokumen Terbaru : Kontroversi Pekan Kondom Indonesia
wah ijin mempelajari tentang html
BalasHapuskunjungan mlm sob...
BalasHapusmantap post nya
Belum dapat memahami
BalasHapushadir sob..
BalasHapusnyimak skalian ngisi absen
pusing juga ternyata...
BalasHapussusing sob. . .
BalasHapusAbsen aja. . .
ini nich yang ane cari .. Makasih gan
BalasHapusMakin keren nih artikelnya :)
BalasHapusSory sob lama gk berkunjung,lg sibuk di dunia nyata.
Di tunggu kunbalnya sob
Pas bget neh sob buat newbie kyak aq. . . . .
BalasHapusDtggu kunbalnya yah. . .
tips yang bagus gan
BalasHapusmalam master.....
BalasHapusnyimak saja master
:left: :right: :down: :up:
Kunjungan rutin sob? Postnya memang mantaplah pokoknya :-)
BalasHapusSaya masih mencoba memahami nya.. Thank infonya sob.
BalasHapusBelum terlalu paham tentang header, footer, meta, etc.
BalasHapusKunjungan Pagi Sob.
Info yg mantap sob . .
BalasHapusTutornya keren
BalasHapusThanks sob, ane sudah paham :)
BalasHapusmasih bingung, ..
BalasHapus#hadir absen gaN