HTML singkatan dari hypertext markup language, dan dokumen yang menggunakan bahasa ini membuat halaman web. Setiap situs web menggunakan ini, jadi penting untuk memahami cara kerjanya.

Dalam artikel tutorial ini, Anda akan mempelajari semua yang perlu Anda ketahui tentang HTML.

Apakah yang Pernyataan?

NS deklarasi adalah baris kode pertama di setiap HTML mengajukan. Ini memberi tahu browser web versi mana dari HTML berada dalam file tertentu.

Setiap versi dari HTML unik dan memiliki aturan sendiri. HTML 5 adalah versi bahasa terbaru. Ini adalah versi yang direkomendasikan untuk pengembang, serta versi paling sederhana untuk dideklarasikan. Untuk mendeklarasikan HTML 5 dokumen, cukup tambahkan HTML elemen ke pernyataan.

Anda dapat melihat contoh di bawah ini:

Apakah yang Menandai?

Di setiap HTML dokumen, itu deklarasi diikuti oleh menandai. Tag ini mengidentifikasi akar dokumen, dan menyertakan dan tag.

NS tag adalah bagian pertama, dan berisi dan tag . Namun, dalam beberapa kasus ketika pengembang memilih untuk menggunakan CSS internal, tag

juga ditempatkan di dalam tag .

Hanya satu tag dalam dokumen HTML. Tag berisi judul halaman web, dan informasi ini muncul di area tab browser web.

Anda dapat melihat contoh tag judul di bawah ini:

 Pengantar HTML

NS HTML file yang memiliki tag di atas akan muncul sebagai “Pengantar HTML” di area tab browser.

Tag mendeskripsikan konten pada halaman web dan umumnya memiliki nama dan atribut konten. Tiga dari jenis tag yang lebih populer adalah deskripsi, kata kunci, dan viewport.

Di bawah ini adalah deskripsi contoh tag:


Atribut konten tag description berisi deskripsi web Anda halaman. Ini adalah data yang ditampilkan dalam hasil mesin pencari, yang memberi tahu calon pengunjung tentang apa yang diharapkan di situs web.

Di bawah ini adalah contoh tag kata kunci:



Tag keywords berisi kata atau frasa yang relevan dengan situs Anda. Setiap kata atau frasa baru yang ditetapkan ke atribut konten kata kunci dipisahkan dengan koma, seperti yang Anda lihat pada contoh di atas.

Di bawah ini adalah contoh tag viewport:



Tag viewport membantu membuat desain responsif, dengan membuat halaman web Anda responsif terhadap jenis perangkat yang berbeda.

Apa itu Tag ?

tag adalah bagian utama kedua dalam tag root . Tag berisi setiap elemen yang ditampilkan di halaman web.

Elemen dengan tag diklasifikasikan sebagai elemen sebaris atau blok. Jika Anda ingin melihat lembar contekan penting HTML lengkap, kami telah mengumpulkannya sehingga Anda dapat memahami semuanya dengan lebih mudah.

Apa itu Elemen Blok?

Elemen blok selalu dimulai pada baris baru, dan menempati seluruh lebar baris yang sedang aktif.

Beberapa elemen blok yang akan Anda gunakan meliputi:

  • Tag heading
  • The

    tag

  • Tag
  • Tag
      tag
  • Tag
    • Tag
    • Elemen blok digunakan untuk membagi teks ke situs web dalam format yang koheren dan mudah dicerna.

      Ada enam jenis tag heading yang berbeda:

      ,

      ,

      ,

      ,
      , dan
      . Tag

      menghasilkan heading terbesar, tag
      menghasilkan heading terkecil, dan semua heading lainnya berada pada posisi di antara keduanya (tergantung nomornya) nilai).

      Tag heading digunakan pada heading pada halaman web. Penggunaan tag heading tertentu tergantung pada posisi heading pada halaman web. Misalnya, tag

      digunakan pada heading pertama pada halaman web, dan halaman web hanya menggunakan satu elemen h1 (meskipun mungkin memiliki beberapa elemen h2, h3, dan h4).

      Anda dapat melihat contoh tindakan tag

      di bawah ini:

      Mempelajari Dasar-dasar HTML


      kode>

      Apa itu Tag

      ?

      adalah elemen blok lain yang digunakan di dalam badan halaman web, dan itu membuat paragraf. Di bawah ini adalah contoh tag yang digunakan:


      Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit aliquid a cupiditate
      inventor, reiciendis earum illum mollitia dignissimos officia, culpa cumque dolorem
      quidem atque maiores, ad tempora quia. Repudiandae, delectus!


      Apa itu
      Tag?

      Tag

      mewakili sebuah divisi. Ini digunakan untuk membuat wadah untuk grup elemen HTML lainnya untuk gaya atau tujuan fungsional.

      Misalnya, jika Anda bekerja dengan kisi, Anda harus meletakkan semua elemen kisi di dalam wadah. Tag

      adalah yang perlu Anda gunakan untuk membuat penampung.

      Terkait: Pelajari Cara Membuat Situs Web Dua Dimensi Dengan Grid CSS

      Tag

        dan
        digunakan untuk membuat daftar di HTML. Tag
        membuat daftar berurutan, sedangkan tag
          membuat daftar tidak berurutan. Namun, kedua tag menggunakan tag
        • , yang membuat item daftar.

          Menggunakan Tag

            Daftar yang diurutkan menggunakan angka secara default. Namun, tag

            memiliki atribut type yang dapat Anda gunakan untuk menyatakan secara eksplisit elemen yang ingin Anda gunakan untuk mengurutkan daftar Anda. Anda dapat memesan daftar dengan angka romawi huruf besar atau kecil, huruf besar atau kecil, atau angka.

            Anda dapat melihat contohnya di bawah ini:


            1. Item pertama

            2. < li>Kedua item
            3. Item ketiga


            Kode di atas membuat daftar berurutan menggunakan lower huruf kasus.

            Menggunakan Tag

              Tag

                juga memiliki type atribut, yang mengambil salah satu dari beberapa nilai: yaitu disc, circle, atau square. Namun, disk adalah indikator default dari item daftar baru dalam daftar yang tidak diurutkan.

                Di bawah ini adalah contoh daftar yang tidak berurutan dalam bentuk kode:


                • Item pertama

                • Kedua item

                • Item ketiga


                Apa itu Elemen Sebaris?

                Elemen sebaris tidak mulai di baris baru. Ini dimulai pada posisi yang tersedia berikutnya, yang mungkin atau mungkin tidak pada baris baru, dan hanya menggunakan lebar sebanyak yang diperlukan. Beberapa elemen sebaris yang kemungkinan besar akan Anda gunakan meliputi:

                • Tag
                • Tag
                • Tag
                • Tag
                • Tag

                Kita akan membahas masing-masing secara lebih mendalam di bawah.

                Apa itu Tag ?

                tag digunakan untuk tujuan penataan sebaris. Misalnya, jika Anda ingin mengubah gaya kata atau frasa tertentu dalam sebuah paragraf, Anda dapat menggunakan tag .

                Di bawah ini adalah contoh dari tag ini:


                Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit aliquid a cupiditate
                inventore, reiciendis earum illum dignissimos officia ,culpa cumque dolorem
                quidem atque maiores, ad tempora quia. Repudiandae, delectus!


                Menggunakan tag di contoh di atas memastikan bahwa dua kata dalam tag sekarang dapat memiliki keunikan gaya.

                Apa itu Tag ?

                Tag digunakan untuk membuat link pada halaman web. Tag memungkinkan pengembang untuk menautkan ke situs web yang berbeda (tautan eksternal) atau laman web yang berbeda di situs web yang sama (tautan internal). Tag memiliki dua atribut penting—href dan target.

                Atribut href sangat penting, karena menyimpan nilai lokasi tautan. Dan atribut target diperlukan karena memungkinkan pengguna untuk membuka tautan di tab baru. Tanpa atribut target, tautan akan terbuka di tab saat ini, dan jika itu adalah tautan eksternal, itu akan mengarahkan lalu lintas dari situs web Anda.

                Lihat di bawah ini untuk contoh tindakan tag :

                Klik tautan ini ke Google

                Belajar HTML Adalah Penting bagi Pemrogram

                Mempelajari HTML sangat penting bagi semua pemrogram dan harus membentuk dasar-dasar Anda studi. Untungnya, itu juga tidak terlalu rumit.

                Setelah membaca panduan ini, Anda harus memiliki semua yang Anda butuhkan untuk mulai memformat situs web dengan lebih baik.

                BagikanTweet span>Email
                An Pengantar Cascading Style Sheets (CSS)

                Siap membuang halaman web HTML yang hambar dan menyempurnakannya dengan CSS? Berikut panduan yang Anda butuhkan untuk memulai.

                Baca Selanjutnya

                Terkait Topik
                • Pemrograman
                • HTML
                • Tips Pengkodean
                • Pemrograman
                Tentang Pengarang

                Berlangganan newsletter kami

                Bergabunglah dengan newsletter kami untuk mendapatkan tips teknologi, ulasan, eBook gratis, dan penawaran eksklusif!

                Klik di sini ke berlangganan