首页 > 文章 > web前端 > 网页制作（html）的基本知识（一）html初识及属性

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

零下一度原创: 2017-05-05 13:57:361099浏览

一：html初识

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

例子解释

100db36a723c770d327fc0aef2ce13b1 与 73a6ac4ed44ffec12cee46588e518a5e 之间的文本描述网页

6c04bd5ca3fcae76e30b72ad730ca86d 与 36cc49f0c466276486e50c850b7e4956 之间的文本是可见的页面内容

4a249f0d628e2318394fd9b75b4636b1 与 473f0a7621bec819994bb5020d29372a 之间的文本被显示为标题

e388a4556c0f65e1904146cc1a846bee 与 94b3e26ee717c64999d7867364b1b4a3 之间的文本被显示为段落

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

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

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

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

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

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

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

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

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

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

1.3HTML 链接

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

<html>
<body>

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

</body>
</html>

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

1.4HTML 图像

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

<html>
<body>

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

</body>
</html>

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

二：html属性

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

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

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

2.1属性实例

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

更多 HTML 属性实例

属性例子 1:

4a249f0d628e2318394fd9b75b4636b1 定义标题的开始。

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

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>

属性例子 2:

6c04bd5ca3fcae76e30b72ad730ca86d 定义 HTML 文档的主体。

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

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>

属性例子 3:

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

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

始终为属性值加引号

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

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

name=&#39;Bill "HelloWorld" Gates&#39;

【相关推荐】

1. 免费html在线视频教程

2. html开发手册

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

以上是网页制作（html）的基本知识（一）html初识及属性的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：必须掌握的html小知识下一篇：网页制作（html）的基本知识（二）基本操作

查看更多