HTML入门
懒惰等于将自己淘汰。
前言
在上一节中,我们了解到了什么是HTML,他能干什么,怎么编辑HTML文档和HTML的基础。之后,在这节中,我们将了解HTML元素等内容。
HTML 元素
HTML文档是由HTML元素定义的。
开始标签 | 元素 | 结束标签 |
---|---|---|
<p> | 内容 | </p> |
<a href=“index.html”> | 这是个链接 | </a> |
<br> | 换行 |
HTML 元素语法
- HTML 元素以开始标签开始
- HTML 元素以结束标签结束
- 元素的内容是开始标签与结束标签之间的内容
- 某些 HTML 元素具有空内容(empty content)
- 空元素在开始标签中进行关闭(以开始标签的结束而结束)
- 大多数 HTML 元素都可以拥有属性
嵌套的 HTML 元素
大多数 HTML 元素可以嵌套。HTML 文档由相互嵌套的 HTML 元素构成。
HTML 文档实例
<!DOCTYPE html>
<html>
<body>
<p>这是p标签,表示一个段落</p>
</body>
</html>
不要忘记结束标签
最好不要忘记结束标签,不过即使您忘记了使用结束标签,大多数浏览器也会正确地显示 HTML。
不要依赖于不写结束标签,因为忘记使用结束标签会产生不可预料的结果或是错误。
HTML 空元素
没有内容的 HTML 元素被称为空元素,空元素只有一个开始标签,它们在开始标签中关闭。
在开始标签中添加斜杠,比如
,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
使用小写标签
目前HTML 标签对大小写不敏感:<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。但是我们最好使用小写标签,而未来(X)HTML版本可能会 强制使用小写。
元素到这一块就没了 ,下面该属性了。
HTML 属性
- HTML 元素可以设置属性
- 属性可以在元素中添加附加信息
- 属性一般描述于开始标签
- 属性总是以名称/值对的形式出现
属性实例
HTML 链接由 <a> 标签定义,链接的地址在 href 属性中指定。
<a href="https://blog.csdn.net/JG_Rtp">这是一个链接</a>
常用引用属性值
属性值应该始终被包括在括号内,双引号是最常用的,不过使用单引号应该也没有什么问题。
使用小写属性
属性和属性值对大小写不敏感。但是这里也推荐使用小写,因为新版本的 (X)HTML 要求使用小写属性。
HTML 标题
标题是通过 <h1> ~ <h6> 标签进行定义的。
<h1> 是最大的标题,<h6> 是最小的标题。
P.S.:由于我们在上一节中已经介绍过了标题,这里不再为大家详细介绍。
HTML 水平线
<hr> 标签在 HTML 页面中创建水平线,用于分割内容。
实例:
<p>hr 标签用于定义水平线:</p>
<hr />
<p>这是一个段落。</p>
<hr />
<p>这是下一个段落。</p>
<hr />
<p>这是最后一个段落。</p>
结果:
hr 标签用于定义水平线:
这是一个段落。
这是下一个段落。
这是最后一个段落。
HTML 注释
我们可以将注释插入到 HTML 代码中,这样不仅可以提高其可读性,还可以使代码更易被人理解。同时浏览器会将注释忽略掉,不显示出来。
实例:
<!-- 我是注释并不会被显示 -->
输出结果就是一片空白啊,这里没办法演示。
结尾
今天的文章就到这里,笔记还没写完。
我们下节再见!