Oleh Ezil Dilihat : 94 19 September 2019

Pengenalan HTML dan struktur HTML yang benar

1.Pengenalan HTML

HTML merupakan kepanjangan dari Hypertext Markup Languange, HTML bukanlah salah satu bahasa pemrograman seperti C++, C#, Java dan lain-lain tapi HTML adalah sebuah standard untuk menampilkan halaman web dan dikendalikan penggunaannya oleh W3C (World Wide Web Consortium). HTML saat ini sudah berada pada versi 5 yang artinya ada beberapa penambahan tag baru di dalamnya.

2.Syntax dasar HTML

untuk penggunaan HTML itu sendiri sangatlah gampang, berikut contoh nya

<!doctype html>
<html>
  <head>
  </head>
  <body>
  </body>
</html>

penggunaan <!doctype html> adalah sebuah tag penanda bahwasanya website anda menggunakan HTML5. Untuk selanjutnya pada tag <head> terdapat turunannya, yaitu :

<title> : Judul website anda diletakkan pada tag ini. contohnya :

<title>Ini judul</title>

<link> : Sumber daya external seperti CSS, icon dan lainnya diletakkan pada tag ini. kita dapat menggunakan atribut href untuk mengambil sumber dari luar. dan untuk menggunakan sumber css, kita letakkan atribut rel="stylesheet" bahwasanya file itu merupakan kode CSS. contoh :

<link href="url/ke/sumber/luar.css" type="text/css" rel="stylesheet" />

<script> : Sama seperti pada tag <link />, untuk tag <script> mengambil sumber javascript dari luar, tapi bisa juga kita gunakan tag <script> untuk kode javascript internal. kita menggunakan atribut lazy-src untuk mengambil sumber javascript dari luar, beda dengan link yang menggunakan atribut href.

Contoh mengambil script dari luar

<script lazy-src="file/skrip/luar.js" type="text/javascript"></script>

Contoh penggunaan script untuk internal

<script type="text/javascript">
    function testing(){
        alert("ini adalah testing");
    }
</script>

Selanjutnya, pada tag <body> Seluruh tag lainnya dapat digunakan didalam tag ini, disinilah letak kode desain kita, kita juga dapat meletakkan tag <script> pada tag <body> . Contoh komplit syntax HTML

<!doctype html>
<html>
  <head>
      <title>Ini judul</title>
      <link href="url/ke/sumber/luar.css" type="text/css" />
      <script lazy-src="file/skrip/luar.js" type="text/javascript"></script>
      <script type="text/javascript">
          function testing(){
            alert("ini adalah testing");
          }
      </script>
  </head>
  <body>
       <div>
           <ul>
               <li>tes1</li>
               <li>tes2</li>
               <li>tes3</li>
           </ul>
       </div>
  </body>
</html>

Nah itulah syntax dasar HTML yang perlu anda ketahui jika ingin menjadi web developer atau web designer. Untuk artikel selanjutnya, kita akan mencoba membuat sebuah layout sederhana dengan menggunakan tag <table>. Terima kasih atas perhatiannya, semoga artikel ini bermanfaat bagi anda

Bagikan!!! Tulisan ini jika bermanfaat share artikel ke facebook share artikel ke twitter share artikel ke pinterest share artikel ke linkedin
    Belum ada komentar untuk artikel iniJadilah yang pertama mengomentari artikel ini
Pendidikan & Tutorial

Pendidikan & Tutorial

Web Develop

# html # dasar dasar html # tutorial html
Artikel Web Develop
Portal Berita
  1. Viral Sepeda Keluaran Ferrari Punya Harga yang Bikin Sobat Missqueen Melongo, Nggak Sempet Nabung Udah Ludes - Hai
  2. Terhalang Restu Orangtua, Judika Lihat Duma Riris dari Lantai 4 Senayan City - Kompas.com - KOMPAS.com
  3. Bongkar Sifat Asli Nikita Mirzani yang Tuding Dirinya Siram Air Panas, Sang Mantan Kekasih: Aneh, Omongan y... - Grid.ID
  4. Fakta-fakta Menarik Jelang Final All England Open 2020 - VIVA - VIVA.co.id
  5. Daftar 117 Emoji Baru 2020 untuk iOS dan Android - CNN Indonesia
  6. Akhirnya! Ari Lasso Temukan 'Kembarannya', Ternyata Mirip Banget - detikHot
  7. Peneliti Sebut Kehilangan Penciuman karena Covid-19 Bisa Jadi Hal Baik? - Suara.com
  8. Ini yang Membuat Harga Saham Garuda Indonesia (GIAA) Melesat 15 Persen - Bisnis.com
  9. Masih Hangat, Harga 5 HP Samsung Terbaru Versi Juni 2020 - Suara.com
  10. Jadon Sancho Bisa Tukar Kostum dengan Penyerang Gagal Manchester United - Bolasport.com
  11. 3 Pemain Belanda Ini Blak-blakan Ingin Bela Timnas Indonesia, Satu Batal Seleksi di Skuad Shin Tae-yong - Bolasport.com
  12. Instalasi Mudah Tanpa Kabel, LG LED Signage Hasilkan Gambar... - SINDOnews.com
  13. Rodgers Tak Terima dengan Keputusan Kontroversial pada Laga Aston Villa vs Man United - Kompas.com - KOMPAS.com
  14. Bos MotoGP Siap Bantu Cal Crutchlow Setelah Terancam Jadi 'Tumbal' Adik Marc Marquez - Bolasport.com
  15. Jaraknya Triliunan Kilometer, 8 Planet Ini Layak Huni karena... - SINDOnews.com
  16. Corona, Bioskop Indonesia Mulai Batasi Jarak Duduk Penonton - CNN Indonesia
  17. Terpapar Korona, Imam Musala di Purwodadi Meninggal - Jawa Pos
  18. Meski Pandemi Corona, MU Takkan Pangkas Gaji Pemain - detikSport
  19. Sinopsis Film Train to Busan, Bertahan Hidup dari Serangan Zombie - Kompas.com - KOMPAS.com
  20. Saham bank BUKU IV menarik dikoleksi untuk jangka panjang - Investasi Kontan