"/> ">
cari

Rumah  >  Artikel  >  hujung hadapan web  >  Cara membuat html

Cara membuat html

PHPz
PHPzasal
2023-04-24 14:49:50774semak imbas

HTML, yang bermaksud "Hypertext Markup Language", ialah bahasa standard yang digunakan untuk membuat halaman web. Ia menggunakan penanda (tag HTML) untuk mentakrifkan pelbagai elemen seperti teks, imej, pautan, jadual, dsb., dan menyusun elemen ini untuk membentuk halaman web. Artikel ini akan memperkenalkan sintaks asas, teg, elemen, atribut dan pengetahuan lain yang berkaitan tentang HTML, dan cara menggunakan pengetahuan ini untuk mencipta halaman web.

  1. Sintaks asas HTML

HTML terdiri daripada satu siri tag dan teks. Sintaks asasnya adalah seperti berikut: 

<!DOCTYPE html>            <!-- 声明文档类型 -->
<html>                     <!-- HTML文档的根元素 -->
  <head>                   <!-- 定义文档头部 -->
    <title>网页标题</title> <!-- 定义网页标题 -->
  </head>                  
  <body>                   <!-- 定义文档主体 -->
    <!-- 此处可以插入文本、图像、链接等各种元素 -->
  </body>
</html>

Antaranya, "" mengisytiharkan jenis dokumen sebagai standard HTML5, "" ialah elemen akar HTML dokumen, dan " "mentakrifkan pengepala dokumen, yang biasanya digunakan untuk mentakrifkan tajuk, gaya, skrip dan maklumat lain halaman web "" mentakrifkan tajuk halaman web. "" ialah isi utama dokumen dan digunakan untuk mentakrifkan pelbagai elemen seperti teks, imej, pautan, dsb.

  1. Teg dan elemen HTML

Teg dalam HTML dibalut dalam kurungan sudut (< >) dan biasanya muncul secara berpasangan, setiap satu bermula dengan teg dan teg penutup . Contohnya, "

" ialah teg permulaan yang mentakrifkan perenggan, manakala "

" ialah teg penutup.

Terdapat juga beberapa teg tunggal dalam HTML, yang hanya mempunyai satu teg tetapi tidak memerlukan teg penutup. Contohnya, "" digunakan untuk memasukkan imej, dan sintaksnya adalah seperti berikut: 

<img src="图片地址" alt="图片描述">

Antaranya, atribut "src" menentukan alamat URL imej dan Atribut "alt" menentukan maklumat perihalan imej.

  1. Atribut HTML

Teg HTML juga boleh mengandungi atribut, yang merupakan maklumat tambahan yang digunakan untuk menerangkan elemen. Contohnya, teg "" digunakan untuk membuat pautan dan sintaksnya adalah seperti berikut: 

<a href="链接地址">链接文本</a>

Antaranya, atribut "href" menentukan alamat URL bagi pautan dan "teks pautan" ialah URL pengguna pada teks halaman yang dilihat pada.

Selain atribut "href", terdapat banyak atribut lain yang biasa digunakan. Sebagai contoh, atribut "class" dan "id" digunakan untuk mengenal pasti dan mengelaskan elemen untuk akses mudah dan manipulasi oleh helaian gaya dan skrip JavaScript. Sintaksnya adalah seperti berikut: 

<div class="class名称" id="id名称">元素内容</div>
  1. Contoh membuat halaman web ringkas

Berikut ialah contoh laman web ringkas yang dibuat menggunakan HTML: 

<!DOCTYPE html>
<html>
  <head>
    <title>我的第一个网页</title>
    <style>
      body {
        background-color: #E6E6FA;
        font-family: Arial, sans-serif;
      }
      h1 {
        color: blue;
      }
    </style>
  </head>
  <body>
    <h1>欢迎访问我的第一个网页！</h1>
    <p>这是一个由HTML制作的简单网页示例。</p>
    <h2>利用HTML制作网页的步骤：</h2>
    <ol>
      <li>学习HTML基本语法、标签和属性。</li>
      <li>创建HTML文件，用文本编辑器编辑文件代码。</li>
      <li>保存HTML文件，用浏览器打开并查看网页效果。</li>
    </ol>
    <p>祝大家学习愉快，制作美丽的网页！</p>
  </body>
</html>

Halaman web ini menggunakan pelbagai elemen seperti tajuk, perenggan, gaya, senarai, dsb. dalam HTML. Antaranya, teg "