前端学习-002

---

前言

一、常见标签

1.标题标签 <h1>-<h6>

head，标题，一个标题独占一行。

2.段落和换行标签

<p></p>，paragraph，段落，将HTML文档分割为若干段落，一个段落中的文本根据浏览器窗口的大小自动换行。
<br />，break，打断、换行，跟段落不一样，只是简单地开始新的一行，而段落之间会插入一些垂直的间距。

3.文本格式化标签

语义	标签	注意
加粗	<strong></strong>或者<b></b>	更推荐<strong></strong>
倾斜	<em></em>或者<i></i>	更推荐<em></em>
删除线	<del></del>或者<s></s>	更推荐<del></del>
下划线	<ins></ins>或者<u></u>	更推荐<ins></ins>

4.<div>和<span>标签（盒子，无语义，用来布局）

<div></div>，division，分割、分区，一行只能放一个<div>，大盒子。
<span></span>，span，跨度、跨距，一行可以放多个<span>，小盒子。

5.图像标签

属性	属性值	说明
src	图片路径	必须属性
alt	文本	替换文本，图像显示不出来时的替换文字
title	文本	提示文本，鼠标放在图像上提示的文字
width	像素	图像的宽度
height	像素	图像的高度
border	像素	图像的边框粗细，一般在css中设置

6.超链接标签

1. 语法格式

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

href：指定链接目标的url地址，必须属性。
target：指定链接页面的打开方式，_self为默认值，默认当前页面打开，_blank为新窗口中打开。

2. 链接种类

• 外部链接： 例如<a href= “http://www.baidu.com”> 百度</a>
• 内部链接：网站内部页面之间的相互链接，例如<a href=“index.html”> 首页</a>
• 空链接：如果当时没有确定链接目标时， <a href="#"> 首页</a >
• 下载链接： 如果 href 里面地址是一个文件.exe或者.zip等压缩包形式，会下载这个文件
• 网页元素链接： 在网页中的各种网页元素， 如文本、图像、表格、音频、视频等都可以添加超链接
• 锚点链接： 快速定位到页面中的某个位亂

---

总结