黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移

4.HTML常用标签

4.1标签语义

语义，即为标签的含义。

合理的标签，可以让页面结构更加清晰。

4.2*标题标签<h1> - <h6>

<h1> h 代表着 head</h1>

标签语义：

作为标题使用，依照重要性递减。

特点；

1.加了标题的文字会变粗，字号也会依次变大。

2.一个标题独占一行。

4.3*段落和换行标签

<p> p 代表着 paragraph </p>

标签语义：可以将HTML文件分割为若干段落。

<br/>br 代表着break

标签语义：强制换行

4.4文本格式化标签

加粗 <strong> 加粗 </strong>

倾斜 <em> 倾斜 </em>

删除线 <del> 删除线 </del>

下划线 <ins> 下划线 </ins>

4.5<div>和<span>标签

<div>和<span>标签是没有语义的，他们是一个盒子，用来装内容。

<div> div 代表着 division </div>

<span> span 代表着 span </span>

1.<div>标签用来布局，但是一行只能放一个<div>。（大盒子）

2.<span>标签用来布局，一行上可以放多个<span>。（小盒子）

4.6*图像标签和路径

1.图像标签

< img src="图像URL"/ >

src是<img>标签的必须属性，它用于指定图像文件的路径和文件名。

src 图片路径 必须属性

alt 文本 替换文本。图像不能显示时显示此文字

title 文本 提示文本。鼠标放在图像上，显示的文字。

width 像素 设置图像的宽度

height 像素 设置图像的高度

border 像素 设置图像的边框粗细

图像标签属性注意点：

1，属性必须写在标签名的后面。

2，属性之间不分先后顺序，标签名与属性，属性与属性之间，用空格隔开。

3，属性采取键值对的方式，属性="属性值"

***************************************************

2，路径

（1）目录文件夹和根目录

（2）vscode打开目录文件夹

4.7*超链接标签

<a>标签用于定义超链接，作用是从一个页面到另一个页面。

1.连接的语法规范:

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

target 为打开窗口的方式 默认的值是 _self 当前窗口打开页面 _blank 新窗口打开页面

2.连接分类

(1)外部链接:例如< a href= "http:// www.baidu.com"> 百度</a>。

(2)内部链接：网站内部页面之间的相互连接。

(3)空链接：如果当时没有确定链接目标时，<a href="#"> 首页 </a>

(4)下载链接：如果 href 里面地址是一个文件或者压缩包，会下载这个文件。

(5)网页元素链接：在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接。

(6)锚点链接：点击链接，可以快速定位到页面中的某个部位。

• 在链接文本的href属性中，设置属性值为#名字的形式，如<a href="#two">第二集</a>
• 找到目标位置标签，里面添加一个id属性 = 刚才的名字，如：<h3 id ="two">第二季介绍</h3>

5.HTML中的注释和特殊字符。

5.1注释

HTML的注释以 "<!--" 开头，以"-->" 结束。

5.2特殊字符