Apa itu HTML? Terangkan tujuan dan strukturnya.

Apa itu HTML? Terangkan tujuan dan strukturnya.

HTML, yang bermaksud bahasa markup hiperteks, adalah bahasa markup standard yang digunakan untuk membuat dan mereka bentuk laman web dan maklumat lain yang boleh dipaparkan dalam pelayar web. Tujuan utamanya adalah untuk menyusun kandungan untuk Internet dengan cara yang boleh dibaca manusia dan boleh dibaca mesin. Struktur ini membolehkan pelayar web mentafsir dan memaparkan kandungan dengan sewajarnya.

Struktur dokumen HTML didasarkan pada siri elemen dan tag. Setiap dokumen HTML bermula dengan pengisytiharan jenis dokumen ( ) diikuti oleh tag <code> , yang merangkumi keseluruhan dokumen. Di dalam tag , terdapat dua bahagian utama: bahagian , yang mengandungi maklumat meta tentang dokumen (seperti tajuk dan pautan ke stylesheets atau skrip), dan bahagian , yang mengandungi kandungan laman web yang dapat dilihat oleh pengguna. Unsur -unsur dilambangkan oleh tag, yang boleh dibuka tag (contohnya, <p></p> ) dan tag penutup (misalnya,

), dan mereka menentukan jenis kandungan yang berlainan seperti tajuk, perenggan, pautan, imej, dan lain -lain.

Apakah tag penting yang digunakan dalam HTML dan fungsi mereka?

Beberapa tag penting membentuk tulang belakang mana -mana dokumen HTML:

• : Perisytiharan ini mentakrifkan bahawa dokumen itu adalah dokumen HTML5, yang merupakan standard terkini HTML.
• : Ini adalah elemen akar halaman HTML, dan ia merangkumi semua kandungan dokumen.
• : Elemen ini mengandungi maklumat meta mengenai dokumen HTML, seperti tajuknya ( <title></title> ), set aksara ( <meta charset="UTF-8"> ), pautan ke fail CSS, dan metadata lain yang tidak dipaparkan pada halaman itu sendiri.
• : Elemen ini mentakrifkan badan dokumen, yang mengandungi semua kandungan dokumen HTML, seperti teks, imej, pautan, dan lain -lain, yang akan dipaparkan dalam tetingkap penyemak imbas.
• <h1></h1> to <h6></h6> : Tag ini mewakili tajuk, dengan <h1></h1> menjadi tahap tertinggi (atau paling penting) dan <h6></h6> yang paling rendah.
• <p></p> : Tag ini mentakrifkan perenggan.
• <a></a> : Tag ini digunakan untuk membuat hiperpautan, yang membolehkan navigasi dari satu halaman ke halaman lain.
• <img alt="Apa itu HTML? Terangkan tujuan dan strukturnya." > : Tag ini membenamkan imej ke dalam dokumen.
• <div> : Ini adalah bekas generik untuk kandungan aliran, sering digunakan untuk tujuan gaya atau susun atur.<li> <code><span></span> : Ini adalah bekas sebaris yang digunakan untuk gaya atau memanipulasi bahagian teks tertentu atau kandungan sebaris lain.

Bagaimanakah HTML boleh digunakan untuk membuat susun atur laman web asas?

Untuk membuat susun atur laman web asas menggunakan HTML, anda biasanya akan menyusun halaman menggunakan gabungan unsur -unsur HTML semantik dan kontena <div> untuk menentukan bahagian yang berlainan halaman. Berikut adalah contoh mudah bagaimana anda boleh menyusun laman web:<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> &lt;code class=&quot;html&quot;&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt; &lt;title&gt;My Basic Webpage&lt;/title&gt; &lt;header&gt; &lt;h1&gt;Welcome to My Website&lt;/h1&gt; &lt;nav&gt; &lt;ul&gt; &lt;li&gt;&lt;a href=&quot;#home&quot;&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#about&quot;&gt;About&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#contact&quot;&gt;Contact&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;/header&gt; &lt;main&gt; &lt;section id=&quot;home&quot;&gt; &lt;h2&gt;Home&lt;/h2&gt; &lt;p&gt;Welcome to the home section of the website.&lt;/p&gt; &lt;/section&gt; &lt;section id=&quot;about&quot;&gt; &lt;h2&gt;About&lt;/h2&gt; &lt;p&gt;Here is some information about the website or the organization.&lt;/p&gt; &lt;/section&gt; &lt;section id=&quot;contact&quot;&gt; &lt;h2&gt;Contact&lt;/h2&gt; &lt;p&gt;Get in touch with us through this section.&lt;/p&gt; &lt;/section&gt; &lt;/main&gt; &lt;footer&gt; &lt;p&gt;© 2023 My Website. All rights reserved.&lt;/p&gt; &lt;/footer&gt; &lt;/code&gt;</pre><div class="contentsignin">Salin selepas log masuk</div></div> <p> Contoh ini menggunakan unsur-unsur HTML5 semantik ( <code><header></header> , <nav></nav> , <main></main> , <section></section> , <footer></footer> ) untuk membuat susun atur yang dapat diakses dengan baik yang termasuk header dengan menu navigasi, kawasan kandungan utama dengan beberapa bahagian, dan footer.

Apakah perbezaan antara HTML dan bahasa pembangunan web lain seperti CSS dan JavaScript?

HTML, CSS, dan JavaScript adalah tiga teknologi teras yang digunakan dalam membina laman web, tetapi mereka melayani tujuan yang berbeza dan mempunyai fungsi yang berbeza:

• HTML (bahasa markup hiperteks) : Seperti yang dibincangkan, HTML digunakan untuk menyusun kandungan laman web. Ia mentakrifkan kerangka halaman, termasuk tajuk, perenggan, imej, pautan, dan elemen kandungan lain. HTML tidak mempunyai gaya yang wujud atau fungsi dinamik; Ia hanya menganjurkan kandungan.
• CSS (Lembaran Gaya Cascading) : CSS adalah bahasa helaian gaya yang digunakan untuk menggambarkan rupa dan pemformatan dokumen yang ditulis dalam HTML. Ia bertanggungjawab untuk aspek persembahan, seperti warna, fon, susun atur, dan reka bentuk responsif. CSS boleh digunakan untuk memisahkan kandungan dari perwakilan visual, yang membolehkan HTML yang sama digayakan secara berbeza di pelbagai peranti atau keutamaan pengguna.
• JavaScript : JavaScript adalah bahasa pengaturcaraan yang membolehkan elemen interaktif di laman web. Ia boleh memanipulasi HTML dan CSS halaman secara dinamik, bertindak balas kepada input pengguna, dan mengendalikan fungsi kompleks seperti pengesahan bentuk, animasi, dan manipulasi data. JavaScript adalah apa yang menjadikan aplikasi web berasa lebih seperti aplikasi desktop.

Ringkasnya, HTML menyediakan struktur, CSS gaya, dan JavaScript fungsi interaktif laman web. Ketiganya sangat penting dan sering bekerjasama untuk mencipta pengalaman web yang lengkap.