HTML ialah bahasa berasaskan teg yang digunakan untuk pembangunan halaman web; HTML adalah singkatan dari Hyper Text Markup Language. Hiperteks merujuk kepada cara halaman Web dipautkan bersama. Oleh itu, pautan yang tersedia pada halaman web dipanggil Hypertext. Ia adalah bahasa penanda iaitu teg memberitahu penyemak imbas cara halaman itu akan dipaparkan padanya. Berners-Lee membangunkannya pada penghujung tahun 1991, tetapi "HTML2.0" ialah spesifikasi standard pertama yang diterbitkan pada tahun 1995. Kemudian, banyak versi HTMLnya datang seperti HTML 4.0; pada masa ini, versi terkininya ialah HTML5.0 yang sangat terkenal dalam pembangunan tapak web bahagian hadapan.
Mari kita lihat struktur cara halaman HTML berfungsi.
<!DOCTYPE html> <html> <head> <title>title tag of html</title> </head> <body> <h1>heading tag of html</h1> <p>paragraph tag of html<p> </body> </html>
Teg ini mentakrifkan jenis dokumen dan versi HTML.
Teg di atas melampirkan dokumen bahasa pengaturcaraan HTML yang lengkap, terdiri daripada pengepala dokumen yang diwakili oleh
… dan badan dokumen yang diwakili oleh … tanda nama.teg kepala mewakili pengepala dokumen yang boleh menyimpan teg HTML lain seperti
tag ini digunakan di dalam
tag untuk menulis tajuk dokumen. dll. Teg berbeza tentang cara HTML berfungsi adalah seperti yang dijelaskan di bawah: Teg tajuk digunakan untuk mencipta variasi contoh tajuk yang diberikan di bawah Output Tajuk 1
Ini ialah teg perenggan yang boleh difahami dengan lebih baik melalui contoh yang diberikan di bawah. Output Ini ialah perenggan pertama teks. Tag ini digunakan untuk memutuskan baris; kita boleh menggunakan tag ini bila-bila masa kita mahu apa-apa akan bermula dari baris seterusnya. Ia ialah teg baris tunggal yang tidak memerlukan teg penutup. Letakkan keseluruhan kandungan di tengah tempat penggunaan utama teg ini dalam penciptaan halaman web. Digunakan untuk mencipta garisan, terutamanya digunakan apabila anda ingin melukis halaman web satu baris. Ini adalah teg HTML yang sangat penting; dalam beberapa senario, kami ingin menunjukkan semuanya sama seperti yang ditulis di dalam halaman HTML; dalam kes tersebut, ia adalah teg yang sangat berguna. Contoh diberikan di bawah. Output Laravel ialah rangka kerja PHP. Ia ialah rangka kerja sumber terbuka yang digunakan dalam web Untuk mencetak satu ruang, ini digunakan dalam HTML. Kami boleh menetapkan sifat pada tahap teg Contoh yang diberikan di bawah Output Dijajar ke kiri Terdapat beberapa atribut teras yang telah digunakan dengan hampir semua elemen HTML yang mengikuti. Atribut ini digunakan untuk mengenal pasti secara unik elemen HTML dalam halaman; mungkin elemen yang sama telah digunakan dalam halaman HTML di berbilang tempat oleh atribut id yang kami kenal pasti elemen dan kandungannya dan boleh digunakan untuk tujuan lain dalam javascript. Contoh diberikan di bawah. Ini para kedua yang menerangkan apa itu Lembaran Gaya Bertatai dan cara menggunakannya Penjelasan – Dalam contoh di atas, elemen yang sama digunakan dua kali untuk membezakan elemen ini sahaja melalui ID. Sintaks atribut ini serupa dengan atribut id, tujuan atribut ini bergantung pada elemen yang membawanya; walaupun ia sering dipaparkan sebagai petua alat apabila kursor menghampiri elemen, ini ialah kegunaan utama atribut ini. Contoh diberikan di bawah – Output Tidur lama If we try to bring our cursor over “Sleeping from a long time”, we will see that whatever title we have used in our code is coming out as a tooltip of the cursor. The class attribute is used to associate an element with a style sheet and specifies the class of element. We will learn more about the use of the class attribute when we will learn Cascading Style Sheet (CSS).Its main use is CSS. Value for this attribute may also be a space-separated list of class names. The example is given below – It is used to writing the cascading style rule at the element level, which can be better explained by the example given below. Output This is a style example text; it is red color… As we saw many basics tags, the web page can be created with the help of these tags, which can be displayed to the end-user whenever a user requests the particular web page through his web browser, the work of displaying will be done by the web browser. Today lots of new tags exist into the market to make web pages more attractive. Atas ialah kandungan terperinci Bagaimana HTML Berfungsi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!,
Teg HTML yang berbeza dan penerangannya
<!DOCTYPE html>
<html>
<head>
<title>Heading Example</title>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html>
Tajuk 2
Tajuk 3
Tajuk 4
Tajuk 5
Tajuk 6<!DOCTYPE html>
<html>
<head>
<title>Paragraph Example</title>
</head>
<body>
<p>This is a first paragraph of text.</p>
<p>This is a second paragraph of text.</p>
<p>This is a third paragraph of text.</p>
</body>
</html>
Ini ialah perenggan kedua teks.
Ini ialah perenggan ketiga teks.<!DOCTYPE html>
<html>
<head>
<title>Preserve Formatting Example</title>
</head>
<body>
<pre class="brush:php;toolbar:false">
Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing
pembangunan aplikasi. Rangka kerja ini adalah berdasarkan pengawal paparan model
corak reka bentuk kerana projek ini dibangunkan dengan bantuan rangka kerja ini adalah
lebih tersusun dan terurus. Rangka kerja ini menggunakan semula
Sifat Teg
<!DOCTYPE html>
<html>
<head>
<title>Align Attribute</title>
</head>
<body>
<p align = "left">Left aligned</p>
<p align = "center">Center aligned</p>
<p align = "right">Right aligned</p>
</body>
</html>
Dijajarkan ke tengah
Dijajarkan ke kananAtribut Teras HTML
1) Id
<p id = "html">Ini ialah perenggan pertama yang menerangkan apa itu HTML cara menggunakannya</p><code><p id = "html">This is first paragraph which explains what is HTML how to use it</p><br>
<p id = "css">This it second para which explains what is Cascading Style Sheet and how to use it</p>
2) Tajuk
<!DOCTYPE html>
<html>
<head>
<title> title Attribute Example</title>
</head>
<body>
<h3 title = "Hello Title Example Test">Sleeping from the long time</h3>
</body>
</html>
3) Class
class = "className11 className12 className53"
4) Style
<!DOCTYPE html>
<html>
<head>
<title>The style Attribute</title>
</head>
<body>
<p style = "font-family:arial; color:#FF0000;">This is style example text , it is red color...</p>
</body>
</html>
Conclusion