HTML的基本标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网页标签</title>
</head>
<body>
排版标签<h1-h6>字体变小
段落标签<p>段落文字</p>
水平线标签<br />是单标签
换行标签<br />
<div>布局用，一行只有一个
<span>布局用，一行可以有多个
<b></b>和<strong></strong>是加粗字体的
<i></i>和<em></em>是已斜体显示文字的
<s></s>和<del></del>是加删
<u></u>和<ins></ins>是加下划线
</body>
</html>
| 标签名 | 定义 | 说明 |
|---|---|---|
<hx></hx> | 标题标签 | 作为标题使用，并且依据重要性递减 |
<p></p> | 段落标签 | 可以把 HTML 文档分割为若干段落 |
<hr /> | 水平线标签 | 没啥可说的，就是一条线 |
<br /> | 换行标签 | 用来换行的 |
<div></div> | div标签 | 用来布局的，但是现在一行只能放一个div |
<span></span> | span标签 | 用来布局的，一行上可以放好多个span |
图像标签
语法如下：
<img src="图像URL" />
该语法中src属性用于指定图像文件的路径和文件名，他是img标签的必需属性。
正常的
<img src="cz.jpg" width="300" height="300" /><br />
带有边框的
<img src="cz.jpg" width="300" height="300" border="3" /><br />
有提示文本的
<img src="cz.jpg" width="300" height="300" border="3" title="这是个小蒲公英" /><br />
有替换文本的
<img src="cz.jpg" width （宽）="300" height （高）="300" border="3" alt="图片不存在" />
链接标签(重点)
| 属性 | 作用 |
|---|---|
| href | 用于指定链接目标的url地址，（必须属性）当为标签应用href属性时，它就具有了超链接的功能 |
| target | 用于指定链接页面的打开方式，其取值有self和blank两种，其中self为默认值，blank为在新窗口中打开方式。 |
注意：
-
外部链接 需要添加 http:// www.baidu.com
-
内部链接 直接链接内部页面名称即可 比如 < a href=“index.html”> 首页
-
如果当时没有确定链接目标时，通常将链接标签的href属性值定义为“#”(即href="#")，表示该链接暂时为一个空链接。
-
不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。
锚点定位 （难点）
通过创建锚点链接，用户能够快速定位到目标内容。
- 使用相应的id名标注跳转目标的位置。 (找目标)
<h3 id="two">第2集</h3>
- 使用
<a href="#id名">链接文本创建链接文本（被点击的） <a href="#two">
7634
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
