HTML 基础
HTML 标题
HTML 标题(Heading)是通过<h1> - <h6>
标签来定义的.
实例
HTML 段落
HTML 段落是通过标签 <p>
来定义的.
实例
HTML 链接
HTML 链接是通过标签<a>
来定义的.
实例
HTML 图像
HTML 图像是通过标签 <img>
来定义的.
实例
HTML 元素
HTML 文档由 HTML 元素定义。
HTML 元素
开始标签常被称为起始标签(opening tag)结束标签常称为闭合标签(closing tag)。
HTML 元素语法
-
HTML 元素以开始标签起始
-
HTML 元素以结束标签终止
-
元素的内容是开始标签与结束标签之间的内容
-
某些 HTML 元素具有空内容(empty content)
-
空元素在开始标签中进行关闭(以开始标签的结束而结束)
-
大多数 HTML 元素可拥有属性
嵌套的 HTML 元素
HTML 文档由嵌套的 HTML 元素构成。
HTML 文档实例
以上实例包含了三个 HTML
元素。
HTML 实例解析
<p>
元素:
<body>
元素:
<body>
元素定义了 HTML 文档的主体。
这个元素拥有一个开始标签<body>
以及一个结束标签 </body>
。
元素内容是另一个 HTML 元素(p
元素)。
<html>
元素:
<html>
元素定义了整个 HTML 文档。
这个元素拥有一个开始标签 <html>
,以及一个结束标签 </html>
.
元素内容是另一个 HTML 元素(body
元素)。
不要忘记结束标签
即使您忘记了使用结束标签,大多数浏览器也会正确地显示 HTML:
以上实例在浏览器中也能正常显示,因为关闭标签是可选的。
但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。
HTML 空元素
HTML 标签对大小写不敏感:<P>
等同于 <p>
。许多网站都使用大写的 HTML 标签。
注意:
-
一些标签的使用,切记所有标签都需要闭合,不管是单体标签还是成对标签。(尽管目前浏览器是识别有些标签不闭合的情况,但是取的最好的保证兼容性,使用闭合)
-
标签写法要用小写字母(有些版本对大小写可认为相同,而xhtml中强制使用小写)
HTML 属性
属性是 HTML 元素提供的附加信息。
HTML 属性
-
HTML 元素可以设置属性
-
属性可以在元素中添加附加信息
-
属性一般描述于开始标签
-
属性总是以名称/值对的形式出现,比如:name=“value”。
属性实例
HTML 链接由 <a>
标签定义。链接的地址在 href
属性中指定:
HTML 属性常用引用属性值
HTML 提示:使用小写属性
属性和属性值对大小写不敏感。
HTML 全局属性
HTML 标题
在 HTML 文档中,标题很重要。
HTML 标题
标题(Heading)是通过<h1> - <h6>
标签进行定义的。
<h1>
定义最大的标题。<h6>
定义最小的标题。
**
标题大小与字体大小的关系
1到6号标题与1到6号字体逆序对应,比如1号字体对应6号标题,2号字体对应5号标题。
标题很重要
HTML 水平线
<hr>
标签在 HTML 页面中创建水平线。
hr
元素可用于分隔内容。
实例
HTML 注释
可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。
注释写法如下:
HTML 标签参考手册
HTML 段落
HTML 可以将文档分割为若干段落。
HTML 段落
段落是通过<p>
标签定义的。
实例
HTML 折行
如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br>
标签:
实例
HTML 输出- 使用提醒
实例:
HTML 格式化标签
此例演示如何在一个 HTML 文件中对文本进行格式化
此例演示如何使用 pre 标签对空行和空格进行控制。
此例演示如何在 HTML 文件中写地址。
此例演示如何实现缩写或首字母缩写。
此例演示如何改变文字的方向。
此例演示如何实现长短不一的引用语。
此例演示如何标记删除文本和插入文本。