Cara menggunakan tag kontrol di html

Question

Sebelum membuat kode, terlebih dahulu masukkan file video sesuai tata cara yang telah dibahas tentang perbedaan alamat relatif dan alamat absolut di Belajar HTML. Cara membuat tautan dalam HTML

Table of Contents Show

Video ini menggunakan atribut src
Video ini menggunakan atribut src dan type
Video ini mengakses file di folder yang berbeda
Tag Komentar HTML
Kapan Menggunakan Komentar HTML
Cara Mengomentari Baris Tunggal di HTML
Cara Menulis Komentar Sebaris di HTML
Cara Menulis Komentar Multi-Baris dalam HTML
Cara Mengomentari Tag di HTML
Pintasan Keyboard untuk Menambahkan Komentar HTML
Bagaimana cara menggunakan tag komentar dalam HTML?
Apa itu dalam HTML?
Langkah demi langkah untuk membuat formulir login HTML?
Bagaimana cara membuat komentar dengan mudah CTRL?

Langsung saja kita buka file Notepat++ dan ketik kode berikut

<. DOCTYPE html>

Membuat Pemutar Video Dengan HTML

Video ini menggunakan atribut src

Video ini menggunakan atribut src dan type

Video ini mengakses file di folder yang berbeda

Kode Hasil

Seperti dapat dilihat, untuk menampilkan gambar video setidaknya harus mengandung tag dan atribut berikut

- tag video. adalah kode HTML5 yang menandakan kode yang akan dibuka adalah video
- atribut lebar dan tinggi. untuk mengatur ukuran tampilan video yang diinginkan (lebar untuk panjang dan tinggi untuk lebar)
- kontrol. berfungsi untuk menampilkan tombol start, pause, dll
-src. berfungsi untuk mencari video yang akan diputar di halaman HTML
- Tipe. mengidentifikasi jenis video yang akan ditampilkan

Untuk menampilkan data baik yang berasal dari database maupun dari sumber lain akan lebih rapi jika menggunakan tabel. Pada tutorial belajar HTML berikutnya akan dibahas cara membuat tabel pada HTML menggunakan tag table

Pada artikel ini Anda akan mempelajari cara menambahkan komentar satu baris dan komentar multi-baris ke dokumen HTML

Anda juga akan mengetahui mengapa menambahkan komentar dianggap sebagai praktik penulisan yang baik saat menulis kode HTML

Mari kita mulai

Tag Komentar HTML

Sintaks umum komentar HTML adalah sebagai berikut

<!-- Aku adalah komentar! -->

Komentar dalam HTML dimulai dengan 

Jangan lupa untuk menambahkan tanda seru di awal tag. Tapi Anda tidak perlu menambahkannya di akhir tag

Tag komentar mengelilingi teks atau tag HTML yang ingin Anda komentari

Kapan Menggunakan Komentar HTML

Komentar HTML tidak ditampilkan di browser. Artinya, setiap komentar yang Anda tambahkan ke kode sumber HTML tidak akan ditampilkan saat dokumen ditampilkan di browser

Oleh karena itu, harus diingat bahwa siapa pun dapat melihat kode sumber dari hampir semua situs web yang dipublikasikan di internet dengan membuka View -> Developer -> View Source – termasuk komentar di dalamnya

Jadi komentar Anda akan terlihat oleh orang lain jika Anda membuat dokumen HTML publik

Menulis komentar sangat membantu dan merupakan praktik yang baik untuk diterapkan saat menulis kode sumber. Komentar membantu Anda mendokumentasikan dan mengomunikasikan kode dan proses pemikiran Anda kepada diri sendiri (dan orang lain). Komentar juga dapat mengingatkan Anda tentang apa yang Anda pikirkan/lakukan ketika Anda kembali ke proyek setelah berbulan-bulan tidak mengerjakannya

Komentar juga membantu Anda berkomunikasi dengan pengembang lain yang mengerjakan proyek dengan Anda. Komentar Anda dapat menjelaskan kepada mereka mengapa Anda menambahkan baris kode tertentu

Cara Mengomentari Baris Tunggal di HTML

Komentar satu baris hanya mencakup satu baris. Seperti disebutkan sebelumnya, garis tidak akan ditampilkan di browser

Gunakan komentar satu baris saat Anda ingin menjelaskan dan mengklarifikasi tujuan dari kode yang mengikutinya atau saat Anda ingin menambahkan pengingat untuk diri sendiri seperti berikut ini

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- Tambahkan navbar di sini-->
    <h2>Tentangku</h2>
    <p>Aku belajar kode dengan freeCodeCamp.</p>
    <p>Aku akan melalui setiap sertifikasi mereka yang luar biasa dan sangat membantu.</p>
    <p>Aku sedang dalam proses untuk menjadi pengembang web fullstack.</p>
    <h3>Pengalaman Kerja</h3>
</body>
</html>

_

Komentar satu baris juga sangat berguna saat Anda ingin mengklarifikasi di mana sebuah tag berakhir. Ini sangat berguna dalam dokumen HTML yang panjang dan rumit di mana ada banyak hal yang terjadi dan Anda mungkin bingung di mana harus meletakkan tag penutup

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <section class="kontak">
    </section> <!--tag penutup dari section kontak ada di sini-->
</body>
</html>

Cara Menulis Komentar Sebaris di HTML

Anda juga dapat menambahkan beberapa komentar di tengah kalimat atau baris kode

Hanya teks di dalam _ yang akan dikomentari, dan teks lain di dalam tag tidak akan terpengaruh

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>Aku  <!--akan menjadi--> seorang pengembang web</p>
</body>
</html>

Cara Menulis Komentar Multi-Baris dalam HTML

Komentar juga dapat menjangkau beberapa baris menggunakan sintaks yang sama seperti yang telah dibahas sebelumnya

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>Aku adalah seorang pengembang web</p>
    <!--Ini akan menjadi portfolioku.
	Aku akan menampilkan proyek-proyek yang paling aku banggakan.
	Aku dapat terus menambahkan tentang apa saja yang ingin ditambahkan
	karena aku menulis menggunakan komentar multi-baris di sini.-->
</body>
</html>

_

Cara Mengomentari Tag di HTML

Jadi bagaimana jika Anda ingin mengomentari tag dalam HTML?

Bungkus tag yang Anda inginkan di dalam  sebagai berikut


!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>Halaman portfolioku</h2>
    <h3>proyek sertifikasi freeCodeCamp</h3>
    <!-- <section class="hero">
    </section>  -->
    <h2>Tentangku</h2>
</body>
</html>

Mengomentari tag membantu Anda selama proses menemukan kesalahan (debugging)

Ketika ada sesuatu yang tidak berfungsi sebagaimana mestinya atau tidak sesuai dengan keinginan Anda, coba beri komentar pada tag satu per satu. Ini dapat digunakan untuk menguji garis tersebut dan menemukan bagian mana yang menyebabkan masalah

Pintasan Keyboard untuk Menambahkan Komentar HTML

Ada pintasan yang dapat Anda gunakan untuk melacak komentar - dan Anda mungkin akan sering menggunakannya. Pintasannya adalah

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- Tambahkan navbar di sini-->
    <h2>Tentangku</h2>
    <p>Aku belajar kode dengan freeCodeCamp.</p>
    <p>Aku akan melalui setiap sertifikasi mereka yang luar biasa dan sangat membantu.</p>
    <p>Aku sedang dalam proses untuk menjadi pengembang web fullstack.</p>
    <h3>Pengalaman Kerja</h3>
</body>
</html>

_1 untuk pengguna Mac atau

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- Tambahkan navbar di sini-->
    <h2>Tentangku</h2>
    <p>Aku belajar kode dengan freeCodeCamp.</p>
    <p>Aku akan melalui setiap sertifikasi mereka yang luar biasa dan sangat membantu.</p>
    <p>Aku sedang dalam proses untuk menjadi pengembang web fullstack.</p>
    <h3>Pengalaman Kerja</h3>
</body>
</html>

2 untuk pengguna Windows dan Linux

Untuk menambahkan komentar satu baris, tekan kombinasi tombol di atas di editor kode pada baris yang ingin Anda komentari. Kemudian seluruh baris akan dikomentari. Perlu diingat bahwa karena semuanya akan dikomentari pada baris itu, metode ini hanya berfungsi untuk komentar satu baris. Anda harus menambahkan komentar sebaris secara manual

Untuk menambahkan komentar multi-baris, pilih dan sorot semua teks atau tag yang ingin Anda komentari dan tekan kombinasi tombol yang ditampilkan sebelumnya. Setiap baris yang Anda pilih sekarang akan memiliki komentar

Kesimpulan

Dan itu saja - sekarang Anda tahu bagaimana dan mengapa menggunakan komentar dalam HTML

Pelajari lebih lanjut tentang HTML dengan menonton video di saluran YouTube freeCodeCamp

Tutorial HTML - Kursus Singkat Situs Web untuk Pemula
Kursus Lengkap HTML - Tutorial Membuat Situs Web

freeCodeCamp juga menyediakan sertifikasi berbasis proyek gratis pada Desain Web Responsif

Ini sangat ideal untuk pemula dan tidak memerlukan pengetahuan sebelumnya. Anda akan mulai dari dasar dan meningkatkan keterampilan Anda dari waktu ke waktu. Pada akhirnya Anda akan menyelesaikan lima proyek

Terima kasih telah membaca dan selamat belajar. )

Pengarang. Dionysia Lemonaki (Inggris)

Mempelajari sesuatu yang baru setiap hari dan menulis tentangnya

Penerjemah. Pendeta yang Berdaulat

Hai. )

Jika Anda membaca sejauh ini, tweet ke penulis untuk menunjukkan bahwa Anda peduli. Tweet terima kasih

Belajar kode secara gratis. Kurikulum open source freeCodeCamp telah membantu lebih dari 40.000 orang mendapatkan pekerjaan sebagai pengembang. Memulai

Bagaimana cara menggunakan tag komentar dalam HTML?

Cara Membuat Komentar pada HTML Komentar pada HTML dimulai dengan dengan tag dengan -->. Sehingga setiap konten yang ditempatkan di antara keduanya akan diabaikan sama sekali dan tidak ditampilkan sama sekali.

Apa itu dalam HTML?

Tag singkatan dari Stresses Emphasis . Menekankan Penekanan dimaksudkan untuk menandai bagian dari teks yang perlu ditekankan. Dalam implementasinya, tag

Cara Membuat Formulir Login yang Menarik dengan HTML .

Deklarasikan Dokumen HTML Anda. Sekarang, buka file html formulir login Anda. .

2. Buat Header Halaman Formulir Login. .

3. Berikan Judul Halaman Form Login. .

3. Tempel File CSS. .

4. Buat Badan Formulir Masuk. .

Buat Tata Letak Formulir Login. .

6. Beri Judul pada Form Login. .

7. Buat Kotak Formulir Login

Bagaimana cara membuat komentar dengan mudah CTRL?

Pintasan ke Berkomentar . menggunakan teks editor Visual Studio Code, kamu bisa membuat komentar dengan menekan Ctrl + / . Metode ini lebih cepat dibandingkan harus menulis tag komentar secara manual.

kode html