Bagaimana HTML Berfungsi?
Sep 04, 2024 pm 04:13 PMHTML 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.
Struktur cara halaman HTML berfungsi
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

Alat AI Hot

Undress AI Tool
Gambar buka pakaian secara percuma

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Imej tidak dipaparkan biasanya disebabkan oleh laluan fail yang salah, nama fail atau lanjutan yang salah, isu sintaks HTML, atau cache penyemak imbas. 1. Pastikan laluan SRC selaras dengan lokasi sebenar fail dan gunakan laluan relatif yang betul; 2. Periksa sama ada kes fail dan sambungan sepadan dengan tepat, dan sahkan sama ada imej boleh dimuatkan dengan terus memasukkan URL; 3. Periksa sama ada sintaks tag IMG adalah betul, pastikan tiada aksara yang berlebihan dan nilai atribut alt sesuai; 4. Penyelesaian masalah dalam pesanan ini dapat menyelesaikan masalah paparan imej HTML.

?youcannotnesttagsinsideanothertagbecauseit'sinvalidhtml; browsersautomomatikclosethefirstbeforeopeningthenext, drectinginseparateParagraphs.instead, useinlineelements,

Untuk membuat senarai HTML yang tidak teratur, anda perlu menggunakan tag untuk menentukan bekas senarai. Setiap item senarai dibalut dengan tag, dan penyemak imbas secara automatik akan menambah peluru; 1. Buat senarai dengan tag; 2. Setiap item senarai ditakrifkan dengan tag; 3. Penyemak imbas secara automatik menjana simbol titik lalai; 4. Sublists boleh dilaksanakan melalui bersarang; 5. Gunakan atribut jenis gaya CSS untuk mengubah suai gaya simbol, seperti cakera, bulatan, persegi, atau tidak; Gunakan tag ini dengan betul untuk menghasilkan senarai yang tidak teratur standard.

TheContentititableatTributeMakesanyhtmleLementedByDdingContentedied boleh

Semantichtmlimprovesbothseoandaccessibilitybyingingmeaningfultagsthatconveycontentstructure.1) itenhancesseothroughbettercontenthierarchywithproperheadinglevels, ImprovedIndexingViaelementsLikeAnd, andsupportforrichssoShorseShorseShorseShorseSnipsoSnipsOringsAnpetAnd

Tag skema.org membantu enjin carian memahami format data berstruktur kandungan laman web melalui tag semantik (seperti skop item, jenis item, itemprop); Ia boleh digunakan untuk menentukan perbendaharaan kata tersuai, kaedah termasuk memperluaskan jenis sedia ada atau menggunakan tambahanType untuk memperkenalkan jenis baru; Dalam aplikasi sebenar, mengekalkan struktur yang jelas, menggunakan atribut rasmi terlebih dahulu, menguji kesahan kod, dan memastikan jenis tersuai boleh diakses; Langkah berjaga-jaga termasuk menerima sokongan separa, mengelakkan kesilapan ejaan, dan memilih format yang sesuai seperti JSON-LD.

USETHELEMENTWITHINATAGTOCREATEASEMANTICSEVELEFIELD.2.IncludeAforAccessibility, setTheForm'sActionandMethod = "GET" ATTRIBUTESTOSENDDATATOSearchendWithAphareabeBel.3.addname = "q" TODineThequeryParameter, UsePlaceShernerToguuse

Gunakan atribut OnClick dalam HTML untuk mengikat peristiwa klik secara langsung, yang sesuai untuk senario mudah tetapi tidak kondusif untuk penyelenggaraan kod; 2. 3. Adalah disyorkan untuk menggunakan kaedah AddEventListener untuk menyokong pelbagai pemantauan acara dan mengawal aliran acara yang lebih baik, dan harus beroperasi selepas DOM dimuatkan untuk mengelakkan kesilapan biasa seperti akses pramatang kepada unsur -unsur atau konflik kutipan di HTML. Oleh itu, OnClick sesuai untuk pemula dan projek kecil, manakala AddEventListener lebih sesuai untuk aplikasi yang kompleks.
