1-3、属性+标题

(1)HTML 属性

HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现,比如:name="value"。

(2)属性实例

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

代码:

<body>
    <a href="https://www.ictliuxiao.com">这是一个链接</a>
</body>

(3)HTML 提示:使用小写属性

属性和属性值对大小写不敏感。不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。新版本的 (X)HTML 要求使用小写属性。

代码:

<body>
    <a HREF="https://www.ictliuxiao.com">这是一个链接</a>
</body>

效果:

(4)HTML 标题

在HTML文档中,标题很重要。标题(Heading)是通过<h1> - <h6>标签进行定义的。确保将HTML标题标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。搜索引擎使用标题为您的网页的结构和内容编制索引。因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
应该将h1用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。
<h1>定义最大的标题。 <h6>定义最小的标题。
注释: 浏览器会自动地在标题的前后添加空行。
演示参考2.1-HTML标题

(5)HTML 水平线

<hr>标签在HTML页面中创建水平线。hr元素可用于分隔内容。

代码:

<body>
    <p>这是一个段落1。</p>
<hr>
    <p>这是一个段落2。</p>
<hr>
    <p>这是一个段落3。</p>
</body>

效果:

(6)HTML 注释

可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。
注释: 开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要,合理地使用注释可以对未来的代码编辑工作产生帮助。
注释写法如下:
<!-- 这是一个注释 -->

代码:

<!DOCTYPE html>     
<html>          
<head>
<meta charset="utf-8">
<title>Web前端</title>  <!-- 这个会显示在标题栏 -->
</head>
<body>
    <p>这是一个段落1。</p>
<hr>
    <p>这是一个段落2。</p>
<hr>
    <p>这是一个段落3。</p>
</body>
</html>

效果:

(7)HTML 提示 - 如何查看源代码

只需要单击右键,然后选择"查看源文件"(IE)或"查看页面源代码(Firefox),其他浏览器的做法也是类似的。这么做会打开一个包含页面 HTML 代码的窗口。