Rumah hujung hadapan web html tutorial Tag html biasa dan fungsinya

Tag html biasa dan fungsinya

Apr 22, 2024 am 11:51 AM

<p>Teg HTML biasa termasuk tag struktur (digunakan untuk mentakrifkan kandungan halaman web), tag teks (digunakan untuk memformat teks), tag pautan (digunakan untuk membuat hiperpautan), tag imej, tag borang, tag media, tag jadual dan lain-lain Tag ( seperti bekas universal dan blok teks praformat). Bersama-sama, teg ini digunakan untuk membina tapak web, menentukan reka letak halaman, mengawal penampilan teks dan menambah elemen interaktif.

<p>Tag html biasa dan fungsinya

<p>Teg HTML biasa dan fungsinya

<p>Teg HTML (Hypertext Markup Language) ialah bahagian asas pembinaan tapak web, digunakan untuk mentakrifkan kandungan halaman web dan mengawal penampilan serta tingkah lakunya. Berikut ialah teg HTML biasa dan fungsinya:

<p>1 Teg struktur

  • <head>: digunakan sebagai bekas maklumat pengepala halaman web, termasuk tajuk, penerangan dan metadata. . <head>:用作网页的头部信息容器,包含标题、描述和元数据。
  • <body>:定义网页的主体内容。
  • <header>:包含网页的标题和导航栏等头部元素。
  • <footer>:包含网页的页脚,通常用于版权信息或联系方式。
<p>2. 文本标签

  • <p>:创建段落。
  • <h1><h6>:定义不同的标题级别。
  • <b><i>:分别创建加粗和斜体文本。
  • <u>:创建下划线文本。
  • <mark>:标记文本以引起注意。
<p>3. 链接标签

  • <a>:创建超链接,允许用户单击以导航到其他页面或资源。
  • <span>:用作链接容器,允许将样式应用于链接文本。
<p>4. 图像标签

  • <img>:嵌入图像到网页中。
<p>5. 表单标签

  • <form>:定义表单,允许用户输入数据。
  • <input>:创建输入字段,用于文本、数字、复选框或单选按钮。
  • <button>:创建按钮,单击时触发动作。
<p>6. 媒体标签

  • <video>:嵌入视频到网页中。
  • <audio>:嵌入音频文件到网页中。
<p>7. 表格标签

  • <table>:创建表格。
  • <tr>:创建表行。
  • <td>:创建表数据单元格。
<p>8. 其他标签

  • <pre class="brush:php;toolbar:false">:创建预格式化文本块。
  • <hr>:创建水平线。
  • <div><span>
  • <body>: Tentukan kandungan utama halaman web.
🎜<header>: Mengandungi elemen pengepala seperti tajuk dan bar navigasi halaman web. 🎜🎜<footer>: Mengandungi pengaki halaman web, biasanya digunakan untuk maklumat hak cipta atau maklumat hubungan. 🎜🎜🎜🎜2. Tag teks 🎜🎜🎜🎜<p>: Buat perenggan. 🎜🎜<h1> kepada <h6>: Tentukan tahap tajuk yang berbeza. 🎜🎜<b> dan <i>: Buat teks tebal dan condong masing-masing. 🎜🎜<u>: Buat teks bergaris bawah. 🎜🎜<mark>: Tandakan teks untuk menarik perhatian. 🎜🎜🎜🎜3. Teg pautan 🎜🎜🎜🎜<a>: Buat hiperpautan yang membolehkan pengguna mengklik untuk menavigasi ke halaman atau sumber lain. 🎜🎜<span>: Digunakan sebagai bekas pautan, membenarkan gaya digunakan pada teks pautan. 🎜🎜🎜🎜4. Tag imej 🎜🎜🎜🎜<img>: Benamkan imej ke dalam halaman web. 🎜🎜🎜🎜5. Teg borang 🎜🎜🎜🎜: Tentukan borang untuk membenarkan pengguna memasukkan data. 🎜🎜<input>: Cipta medan input untuk teks, nombor, kotak pilihan atau butang radio. 🎜🎜: Buat butang yang mencetuskan tindakan apabila diklik. 🎜🎜🎜🎜6. Tag media 🎜🎜🎜🎜<video>: benamkan video ke dalam halaman web. 🎜🎜<audio>: Benamkan fail audio ke dalam halaman web. 🎜🎜🎜🎜7. Teg jadual 🎜🎜🎜🎜: Buat jadual. 🎜🎜<tr>: Buat baris jadual. 🎜🎜<td>: Cipta sel data jadual. 🎜🎜🎜🎜8. Tag lain 🎜🎜🎜🎜: Cipta blok teks yang dipraformat. 🎜🎜<hr>: Buat garisan mendatar. 🎜🎜<div> dan <span>: digunakan sebagai elemen bekas umum, membenarkan untuk menggunakan gaya dan kandungan kumpulan. 🎜🎜

Atas ialah kandungan terperinci Tag html biasa dan fungsinya. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Apakah tujuan & lt; kemajuan & gt; unsur? Apakah tujuan & lt; kemajuan & gt; unsur? Mar 21, 2025 pm 12:34 PM

Artikel ini membincangkan html & lt; kemajuan & gt; elemen, tujuan, gaya, dan perbezaan dari & lt; meter & gt; elemen. Tumpuan utama adalah menggunakan & lt; kemajuan & gt; untuk menyelesaikan tugas dan & lt; meter & gt; untuk stati

Apakah tujuan & lt; DATALIST & GT; unsur? Apakah tujuan & lt; DATALIST & GT; unsur? Mar 21, 2025 pm 12:33 PM

Artikel ini membincangkan html & lt; datalist & gt; elemen, yang meningkatkan bentuk dengan menyediakan cadangan autokomplete, meningkatkan pengalaman pengguna dan mengurangkan kesilapan. Kira -kira: 159

Apakah tujuan & lt; meter & gt; unsur? Apakah tujuan & lt; meter & gt; unsur? Mar 21, 2025 pm 12:35 PM

Artikel ini membincangkan html & lt; meter & gt; elemen, digunakan untuk memaparkan nilai skalar atau pecahan dalam julat, dan aplikasi umum dalam pembangunan web. Ia membezakan & lt; meter & gt; dari & lt; kemajuan & gt; dan Ex

Apakah tag meta viewport? Mengapa penting untuk reka bentuk responsif? Apakah tag meta viewport? Mengapa penting untuk reka bentuk responsif? Mar 20, 2025 pm 05:56 PM

Artikel ini membincangkan tag Meta Viewport, penting untuk reka bentuk web responsif pada peranti mudah alih. Ia menerangkan bagaimana penggunaan yang betul memastikan skala kandungan yang optimum dan interaksi pengguna, sementara penyalahgunaan boleh membawa kepada isu reka bentuk dan kebolehaksesan.

Bagaimana saya menggunakan atribut pengesahan borang html5 untuk mengesahkan input pengguna? Bagaimana saya menggunakan atribut pengesahan borang html5 untuk mengesahkan input pengguna? Mar 17, 2025 pm 12:27 PM

Artikel ini membincangkan menggunakan atribut pengesahan bentuk HTML5 seperti had, corak, min, max, dan panjang untuk mengesahkan input pengguna secara langsung dalam penyemak imbas.

Bagaimana saya menggunakan html5 & lt; masa & gt; elemen untuk mewakili tarikh dan masa secara semantik? Bagaimana saya menggunakan html5 & lt; masa & gt; elemen untuk mewakili tarikh dan masa secara semantik? Mar 12, 2025 pm 04:05 PM

Artikel ini menerangkan html5 & lt; time & gt; elemen untuk perwakilan tarikh/masa semantik. Ia menekankan pentingnya atribut DateTime untuk pembacaan mesin (format ISO 8601) bersama teks yang boleh dibaca manusia, meningkatkan aksesibilit

Apakah amalan terbaik untuk keserasian penyemak imbas dalam HTML5? Apakah amalan terbaik untuk keserasian penyemak imbas dalam HTML5? Mar 17, 2025 pm 12:20 PM

Artikel membincangkan amalan terbaik untuk memastikan keserasian silang pelayar HTML5, memberi tumpuan kepada pengesanan ciri, peningkatan progresif, dan kaedah ujian.

Apakah tujuan & lt; iframe & gt; Tag? Apakah pertimbangan keselamatan semasa menggunakannya? Apakah tujuan & lt; iframe & gt; Tag? Apakah pertimbangan keselamatan semasa menggunakannya? Mar 20, 2025 pm 06:05 PM

Artikel ini membincangkan & lt; iframe & gt; Tujuan TAG dalam membenamkan kandungan luaran ke dalam halaman web, kegunaan umum, risiko keselamatan, dan alternatif seperti tag objek dan API.

See all articles