HTML adalah singkatan dari Hyper Text Markup Language
HTML adalah bahasa markup standar untuk membuat halaman Web
HTML menggambarkan struktur halaman Web
HTML terdiri dari serangkaian elemen
Elemen HTML memberi tahu browser cara menampilkan konten
Elemen HTML memberi label potongan konten seperti "ini adalah judul", "ini adalah paragraf", "ini adalah tautan", dll
Dokumen HTML Sederhana
Contoh
Judul halaman
Judul Pertama Saya
Paragraf pertama saya
Cobalah sendiri "
Contoh Dijelaskan
Deklarasi mendefinisikan bahwa dokumen ini adalah dokumen HTML5
Elemen adalah elemen root dari halaman HTML
Elemen berisi informasi meta tentang halaman HTML
element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)
The element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
The element defines a large heading
The element defines a paragraph
What is an HTML Element?
An HTML element is defined by a start tag, some content, and an end tag:
Content goes here..
The HTML element is everything from the start tag to the end tag:
My First Heading
My first paragraph.
Start tag
Element content
End tag
My First Heading
My first paragraph.
none
none
Note: Some HTML elements have no content (like the element). These elements are called empty elements. Empty elements do not have an end tag!
Web Browsers
The purpose of a web browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and display them correctly.
A browser does not display the HTML tags, but uses them to determine how to display the document:
HTML Page Structure
Below is a visualization of an HTML page structure:
Page title<p><p>This is a heading<p>This is a paragraph.</p><p>This is another paragraph.</p><p><p><strong>Note:</strong> The content inside the section (the white area above) will be displayed in a browser. The content inside the</p>element will be shown in the browser's title bar or in the page's tab.</p> </div> <hr/> <h2>HTML History</h2> <p>Since the early days of the World Wide Web, there have been many versions of HTML:</p> <div> <p>This tutorial follows the latest HTML5 standard.</p> </div></p><p></p></code></li></ul><div></div> <p>Pada dasarnya, HTML adalah bahasa pemrograman dasar yang digunakan untuk membuat situs web. Jika Anda sedang mempertimbangkan untuk berkarir dalam desain atau pengembangan web, mengetahui bahasa ini adalah suatu keharusan—tetapi bahkan dalam profesi lain, seperti pemasaran digital, sedikit HTML dapat berguna</p><p>Setelah Anda menguasainya, menulis dan bekerja dengan HTML sangatlah mudah. Namun, jika Anda belum pernah menyentuhnya, ini bisa menjadi salah satu misteri terbesar di internet</p></p><p>Dalam posting ini, kami akan memberikan pengantar utama untuk HTML dasar</p><p>Sebelum kita mulai, jangan panik. Panduan ini ditujukan untuk siapa saja dan semua orang—tidak perlu pengetahuan teknologi</p><p>Siap untuk memulai dengan HTML? </p><ol><li></li><li></li><li></li><li></li></ol><h3><div class="imgBox"><img alt="Untuk apa html digunakan dalam pengembangan web" src="/dist/images/loading.svg" data-orgimg="https://ap.cdnki.com/r_untuk-apa-html-digunakan-dalam-pengembangan-web---130d050013924e099626ca8ba1d05b9d.webp"></img></div><div class="imgBox"><img alt="Untuk apa html digunakan dalam pengembangan web" data-orgimg="https://sg.cdnki.com/untuk-apa-html-digunakan-dalam-pengembangan-web---aHR0cHM6Ly9kcGJucmkyemczbGMyLmNsb3VkZnJvbnQubmV0L2VuL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIxLzA1L0hUTUxfb3BlbnNfdGhlX2Rvb3JfdG9fZnJvbnRlbmRfZGV2ZWxvcG1lbnQuanBn.webp" ></img></div></h3><h2 id="1-apa-yang-dimaksud-dengan-html">1. Apa yang dimaksud dengan HTML?</h2><p>HTML adalah singkatan dari Hypertext Markup Language—dan, seperti yang disebutkan sebelumnya, ini adalah bahasa komputer yang digunakan untuk membuat situs web. HTML menjelaskan bagaimana dokumen harus ditampilkan oleh browser internet. Itu dibuat oleh fisikawan Tim Berners-Lee pada akhir 1990-an dan, seperti semua bahasa pemrograman, terus direvisi dan diperbarui selama bertahun-tahun.</p><p>Hiperteks</p><p>Ini pada dasarnya adalah teks yang berisi tautan ke teks lain. Anda dapat mengeklik tautan ini untuk melompat ke halaman atau bagian teks lain</p><p>Markup</p><p>Bagian ini mengacu pada tag HTML dan teks di dalamnya. Kami akan berbicara lebih banyak tentang tag nanti</p><p>Bahasa</p><p>Terakhir, HTML adalah sebuah bahasa—cukup jelas, bukan?</p><h2 id="2-bagaimana-cara-kerja-html">2. Bagaimana cara kerja HTML?</h2><p>Sederhananya, HTML bekerja dengan memberi tahu browser internet cara menampilkan halaman</p><p>Pertama, penulis menggunakan editor teks dasar di komputer (seperti TextEdit untuk Mac) untuk membuat dokumen HTML mereka. Penulis kemudian mengisi dokumen HTML mereka dengan serangkaian elemen HTML, menggunakan tag HTML</p><h3 id="apa-itu-tag-html">Apa itu tag HTML?</h3><p>Pada dasarnya, tag HTML adalah penanda yang memberi tahu browser bagaimana teks terlampir harus ditampilkan. Ini contoh sederhana</p></p><p><code><b>This text should be bold.</b></code></p><p>Dalam hal ini, <code><b></code> dan <code></b></code> adalah tag HTML. Mereka menandai teks terlampir sebagai "bold"—karenanya, elemen "markup" dari HTML. Kami akan menjelaskan bagaimana sebenarnya menulis tag di bagian selanjutnya</p><p>Setelah dokumen selesai, penulis menyimpannya sebagai file html dan membukanya di browser internet mereka. Browser kemudian membaca file dan mengikuti petunjuk untuk merender halaman dengan cara tertentu—seperti yang disediakan oleh tag HTML</p><p>Jadi, saat Anda menggunakan tag "tebal", pada dasarnya Anda memberi tahu browser untuk menampilkan kalimat ini dalam huruf tebal. <code><b>This text should be bold.</b></code></p><p>Saat browser membaca ini, ia tahu untuk menampilkan kalimat seperti yang dijelaskan. Teks ini harus dicetak tebal</p><p>Tentu saja, tag HTML itu sendiri tidak ditampilkan di browser (kecuali jika Anda salah menulisnya. )</p><h2 id="3-menulis-html-dasar">3. Menulis HTML. Dasar</h2><h3>Tag</h3><p>Tag HTML ditulis di dalam kurung siku, dan cenderung berpasangan—jadi, keduanya terdiri dari tag pembuka dan penutup</p><p>Misalnya, tag <code><p></code> digunakan untuk menunjukkan paragraf baru. Tag pembuka ditulis sebagai berikut. <code><p></code>_. Setelah tag ini, Anda menulis paragraf Anda. Untuk menyelesaikan, tambahkan tag penutup Anda, yang sama dengan tag pembuka tetapi dengan garis miring. Dalam hal ini, itu akan terjadi. <code></p></code>_</p><p>Sepasang tag dengan teks tertutup dikenal sebagai elemen. Berikut adalah beberapa contoh elemen HTML umum dan tag yang sesuai</p><p><code><h1>This is a heading</h1></code>_</p><p><code><p>This is a paragraph</p></code></p><p><code><b>This text should be bold.</b></code>0</p><p><code><b>This text should be bold.</b></code>1</p></p><p>Sebagian besar tag HTML mengikuti pola buka-dan-tutup ini, tetapi ada juga beberapa tag yang hanya memerlukan tag pembuka agar valid. Ini dikenal sebagai tag tunggal, dan menyertakan hal-hal seperti <code><b>This text should be bold.</b></code>2 untuk menunjukkan jeda baris, dan <code><b>This text should be bold.</b></code>3 untuk menyertakan gambar. Browser akan memahami dan menindaklanjuti tag ini tanpa memerlukan tag penutup</p><p></p><h3>Atribut</h3><p>You can also assign attributes to your HTML elements. Attributes provide extra information about the text contained within the tags. For example, if you wanted to hyperlink the phrase “my website” in your HTML document, you would first use the tag pairs <a> and </a> to specify that the text should be linked. To tell the browser where the text should be linked to—i.e. the link address—you use the href attribute. Attributes, like the text, are always enclosed within the tags:</p><p>HTML. <code><b>This text should be bold.</b></code>_4</p><p>Ditampilkan sebagai. Situs web saya</p><p>Ini hanyalah pengantar yang sangat sederhana—Anda akan mempelajari lebih lanjut tentang atribut saat mempelajari HTML lebih dalam, tetapi untuk saat ini kami akan tetap berpegang pada dasar-dasarnya</p><h3 id="menulis-dokumen-html">Menulis dokumen HTML</h3><p>When writing your HTML document, you need to tell the browser that it’s dealing with a HTML file—otherwise, it won’t be able to display the page. Each HTML doc must therefore contain the <html> and <body> tags. Don’t forget to close these tags at the very end of the document!</p><p>Berikut adalah contoh tampilan dokumen HTML Anda di editor teks</p><pre><code><html>
<head>
<title>This is the title of my html document
This is a large heading
This is the first paragraph.
This is the second paragraph, which will be displayed in bold.
Untuk memastikan bahwa Anda telah menulis HTML dengan benar, Anda dapat menggunakan alat W3schools Tryit Editor. Cukup masukkan HTML Anda dan klik "jalankan" dan Anda dapat melihat bagaimana HTML Anda akan ditampilkan di browser
4. Mempelajari HTML. Apa selanjutnya?
Masih banyak lagi yang dapat Anda lakukan dengan HTML—mulai dari menyematkan gambar hingga menentukan gaya dan warna elemen halaman yang berbeda
Dalam hal membuat situs web yang profesional dan berfungsi penuh, HTML sejalan dengan CSS dan JavaScript. CSS adalah singkatan dari Cascading Style Sheets, dan digunakan untuk menata elemen HTML halaman web Anda. JavaScript adalah bahasa pemrograman lain yang memungkinkan Anda memperkenalkan elemen interaktif ke halaman web dasar Anda. Bersama-sama, HTML, CSS, dan JavaScript membentuk dasar untuk teknologi web standar
Sebelum beralih ke topik CSS dan JavaScript yang lebih kompleks, pastikan Anda benar-benar nyaman dengan HTML. W3schools menyediakan panduan komprehensif untuk setiap aspek HTML, dan Anda juga dapat menyelesaikan latihan latihan dan mengikuti kuis HTML mereka untuk memeriksa kemajuan Anda
Apa itu HTML dan mengapa itu digunakan?
HTML adalah bahasa markup standar untuk membuat halaman Web . HTML menggambarkan struktur halaman Web. HTML terdiri dari serangkaian elemen. Elemen HTML memberi tahu browser cara menampilkan konten. Elemen HTML memberi label potongan konten seperti "ini adalah judul", "ini adalah paragraf", "ini adalah tautan", dll.
Apa saja 5 kegunaan HTML?
Untuk apa HTML digunakan? .
Membuat struktur halaman web. Dengan tag dan elemen, kita dapat menentukan judul, paragraf, dan konten lain dari halaman web. .
Menavigasi internet. .
Menyematkan gambar dan video. .
Meningkatkan penyimpanan data sisi klien dan kemampuan offline. .
Pengembangan permainan. .
Berinteraksi dengan API asli
Untuk apa CSS digunakan dalam pengembangan web?
CSS (Cascading Style Sheets) digunakan untuk mengatur gaya dan tata letak halaman web — misalnya, untuk mengubah font, warna, ukuran, dan spasi konten Anda, membaginya menjadi beberapa kolom, atau menambahkan animasi dan fitur dekoratif lainnya
