简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

网页制作（html）的基本知识（一）html初识及属性

零下一度
Lepaskan： 2017-05-05 13:57:36
asal
1054 orang telah melayarinya

一：html初识

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>
Salin selepas log masuk

例子解释

与 之间的文本描述网页

与 之间的文本是可见的页面内容

与

之间的文本被显示为标题

与

之间的文本被显示为段落

1.1HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (HyperTextMarkupLanguage)

HTML 不是一种编程语言，而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

1.2HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词，比如

HTML 标签通常是成对出现的，比如 和

标签对中的第一个标签是开始标签，第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

1.3HTML 链接

HTML 链接是通过 标签进行定义的。

<html>
<body>

<a href="http://www.w3school.com.cn">
This is a link</a>

</body>
</html>
Salin selepas log masuk


注释：在 href 属性中指定链接的地址。

1.4HTML 图像

HTML 图像是通过 标签进行定义的。

<html>
<body>

<img src="/i/eg_w3school.gif" width="300" height="120" />

</body>
</html>
Salin selepas log masuk

注释：图像的名称和尺寸是以属性的形式提供的。

二：html属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

属性总是以名称/值对的形式出现，比如：name="value"。

属性总是在 HTML 元素的开始标签中规定。

2.1属性实例

HTML 链接由 标签定义。链接的地址在 href 属性中指定。

更多 HTML 属性实例

属性例子 1:

定义标题的开始。

拥有关于对齐方式的附加信息。

TIY : 居中排列标题

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"www.php.cn/TR/html4/loose.dtd">

<html>

<body>

<h1 align="center">This is heading 1</h1>

<p>上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。</p>

</body>
</html>
Salin selepas log masuk

属性例子 2:

定义 HTML 文档的主体。

拥有关于背景颜色的附加信息。

TIY : 背景颜色

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
</head>

<body bgcolor="yellow">
<h2>请看: 改变了颜色的背景。</h2>
</body>

</html>
Salin selepas log masuk

属性例子 3:

定义 HTML 表格。（您将在稍后的章节学习到更多有关 HTML 表格的内容）

拥有关于表格边框的附加信息。

始终为属性值加引号

属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。

在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：

name=&#39;Bill "HelloWorld" Gates&#39;
Salin selepas log masuk

【相关推荐】

1. 免费html在线视频教程

2. html开发手册

3. php.cn原创html5视频教程

Atas ialah kandungan terperinci 网页制作（html）的基本知识（一）html初识及属性. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
网页制作，属性，html
sumber：php.cn
Artikel sebelumnya：必须掌握的html小知识 Artikel seterusnya：网页制作（html）的基本知识（二）基本操作
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
Artikel terbaru oleh pengarang
Isu terkini
Ralat Jenis Tidak Ditangkap: Tidak dapat menetapkan sifat yang tidak ditentukan (tetapkan 'innerHTML') Saya cuba membuat halaman web menggunakan php, pada elemen kelas "Continuous TextBox&...
daripada 2023-11-08 21:06:09
0
1
278
Menghadapi ralat Laravel Mix semasa cuba memasang Laravel Breeze Saya cuba memasang LaravelBreeze dalam aplikasi Laravel baharu saya. Semuanya berfungsi de...
daripada 2023-11-07 23:05:02
0
1
299
Cara menggunakan berbilang penapis dengan API Data Google Analitis (GA4) menggunakan PHP Jadi itu soalan pertama saya, saya akan cuba mengikut peraturan komuniti. Saya cuba menggu...
daripada 2023-11-04 14:39:38
0
1
188
Atas kedudukan yang agak tidak berfungsi seperti yang diharapkan Mengapa atribut teratas tidak berfungsi apabila label adalah bersaudara dengan , tetapi ji...
daripada 2023-10-29 21:02:46
0
1
236
Penghala Vue JS: Muat semula halaman pada ubah hala Saya mempunyai aplikasi dengan fail Login.vue dan Home.vue. Kerana saya menukar tapak web ...
daripada 2023-10-26 11:53:46
0
2
188
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！