Advertisement here

Struktur Dasar HTML

Rangga
29 May, 2014
20
Struktur Dasar HTML, pada kesempatan kali ini saya akan mencoba memberikan informasi tentang struktur HTML. Seharusnya informasi ini diberikan saat pertama kali, agar lebih memahami tentang fungsi dari tiap-tiap struktur HTML

Berikut Struktur Dasar HTML:
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>


Penjelasan Kode:

<html>
......
</html>


Tag <html> ini digunakan untuk menyatakan bahwa halam website menggunakan bahasa HTML.

<head>
......
</head>


Tag <head> adalah kepala dari halaman website. Pada tag ini anda bisa menambahkan banyak informasi seperti meta, css, javascript, font dan lain lain.

Contoh, memanggil external file css dan javascript dan font dari google webfont.
<head>
<title>
Contoh dari Title
</title>

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="style.css" >
<script type="text/javascript" href="script.js"></script>
</head>


<title>
.......
</title>


Tag <title> digunakan untuk menyatakan title website anda. Tag ini disimpan didalam tag <head></head>
Struktur HTML - Title

<body>
.......
</body>


Tag <body> ini digunakan untuk menampilkan isi dari website anda. Semua yang ingin anda tampilkan, dimasukan dalam tag <body> ini, bisa image, teks, video, musik dan lain-lain.

Sekian informasi Struktur Dasar HTML yang bisa saya sampaikan, semoga tutorial HTML ini bermanfaat dan mohon maaf apabila ada kesalahan atau kekurangan :)
Next Post Previous Post
20 Comments
  • Gaexe
    Gaexe February 20, 2015 at 5:15 PM

    This comment has been removed by the author.

    • Unknown
      Unknown June 14, 2015 at 8:57 PM

      Kalo di sini HTML dan CSS.

      ane buka lapak BELAJAR MEMBUAT WEBSITE DENGAN PHP

      biar searah gitu :D


    • xploria
      xploria February 18, 2016 at 6:07 PM

      mantap infonya ... sukses selalu
      regards
      x-ploria.com

    Reply
  • Gaexe
    Gaexe February 20, 2015 at 5:17 PM

    Terimakasih, sekedar menambahkan, semoga bermanfaat
    Rekomendasi Artikel Terkait ->

    SUBSTANSI :

    - Pengertian CSS
    - Fakta Menggunakan CSS
    - 3 Cara Menginputkan CSS ke HTML
    - Pengertian Selector, Property dan Value
    - 5 Jenis Selector CSS
    - Latihan Penggunaan Selector CSS

    Pranala -> http://www.gatewan.com/2015/02/mengatur-tampilan-web-dengan-css-3.html

    Reply
  • Unknown
    Unknown May 18, 2015 at 7:57 PM

    mas untuk mengisi about, sitemap, privacy, yang ada di header posisi HTML nya ada dimana ya Coba liat'in Blog saya donk www.kttharapan.com.

    Reply
  • Unknown
    Unknown June 24, 2015 at 8:47 PM

    This comment has been removed by the author.

    Reply
  • Unknown
    Unknown June 24, 2015 at 8:51 PM

    Wah thanks.. sharenya.. sungguh bermanfaat.

    Bagi agan yang berminat dapat tambahan trik desain grafis silakan dilihat pada situs ini: http://www.computer-course-center.com/tutorial-website.html

    Reply
  • Anonymous
    Anonymous July 24, 2015 at 7:48 AM

    Sunggu bermanfaat tutorial css nya..

    Saya juga punya tutorial css di blog kang, monggo di baca sekalian di koreksi sama akang, takutnya ada yg salah :)

    Cara memilih element atau selector tertentu

    Reply
  • MS Wijaya
    MS Wijaya October 3, 2015 at 7:00 PM

    makasih mase tutorialnya :D saya lagi beljar sendiri nih dari awal buat skripsi nanti hehe mohon bantuannya ya masee

    Reply
  • Gaexe
    Gaexe October 16, 2015 at 7:57 AM

    Rekomendasi Artikel Terkait ==> http://www.gatewan.com/2015/10/dasar-css-cascading-style-sheets-fundamentals.html

    DASAR CSS (CASCADING STYLE SHEETS FUNDAMENTALS)

    Reply
  • Unknown
    Unknown January 31, 2016 at 7:06 PM

    ane lagi belajar memahimi sturuktur dasar html bang :) mungkin kita bisa belajar bareng..

    Palembang, sumatra selatan

    Reply
  • Putri Anggiria Suma
    Putri Anggiria Suma October 22, 2016 at 8:34 PM

    Izin share.. boleh?
    Buat belajar juga mas..

    Reply
  • Unknown
    Unknown February 8, 2017 at 7:59 PM

    mantap boskuu

    Reply
  • Unknown
    Unknown February 8, 2017 at 8:00 PM

    Mantap Jiwa mas bro... Sangat bermanfaat

    Reply
  • Kang Jae
    Kang Jae February 8, 2017 at 8:01 PM

    This comment has been removed by the author.

    Reply
  • Kang Jae
    Kang Jae February 8, 2017 at 8:03 PM

    This comment has been removed by the author.

    Reply
  • Rental Mobil Malang | Sewa Mobil Malang
    Rental Mobil Malang | Sewa Mobil Malang May 28, 2018 at 10:22 PM

    pas ini untuk belajar web

    Reply
  • admin
    admin January 10, 2019 at 12:57 PM

    http://abdulrosyid.com/html-dasar-struktur-pada-html-02/

    Reply
  • admin
    admin January 10, 2019 at 12:57 PM

    http://abdulrosyid.com/html-dasar-struktur-pada-html-02/

    Reply
  • LOVELYZ TRILOGY
    LOVELYZ TRILOGY June 24, 2019 at 1:43 AM

    siap min
    power supply teknisi hp

    Reply
Add Comment
comment url
Related Post