新手前段1-CSDN博客

本文链接：https://blog.csdn.net/m0_74270404/article/details/128921472

走进 HTML5

1.1HTML 简介及发展史

HTML是一种用来描述网页的语言，即它不是一种编程语言，而是一种标记语言，是网页制作所必备的。

1.解决了夸浏览器问题	2.新增特性	3.化繁为简优势

1.2网页开发工具

1.VS Code的下载安装	2.VS Cide的使用
首先打开VS Code的官网，根据自身所需及计算机配置下载相应的软件版本进行安装。	使用VS Code编文件

W3C标准

万维网联盟（外语缩写：W3C）标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。

1.3HTML5 文件的基本结构

1.文件类型声明	2.标签对	3.标签对	4.标签对	5.标签对	6.标签对

2.1标题标签

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>标题标签</title>
</head>
<body>
	<h1>一级标题</h1>
	<h2>二级标题</h2>
	<h3>三级标题</h3>
	<h4>四级标题</h4>
	<h5>五级标题</h5>
	<h6>六级标题</h6>
</body>
</html>

2.2段落标签

在网页布局中，常常需要分段换行，这时可在内容前加、在内容后加即可实现上述目标。

2.3换行标签

换行标签是 。在html中作为标签也是起到换行的作用。
标签有三种写法都不会报错，即＜br>、＜/br>、＜br/>这三种写法。在xhtml中，像＜br>类似的单标签都需要使用“／”来自身关闭。如：＜br/>，是没有＜/br>这样的写法的但是在html中这样写也是不会报错的。虽然这三种写法都可以，但是建议写成＜br>或者＜br/>更严谨。

2.4水平线标签

< hr>作用是在网页中插入一条水平线。
因为< hr >没有对应的结束标签，所以一般写< hr >都写成< hr / >。

2.5字体样式标签

网页中要字体加粗字体加粗。
网页中要斜体字斜体字。

2.6注释

-在编写代码时，为了便于阅读和维护代码，通过会给代码添加注释。< !–添加注释–>用于插入注释。

2.7字符实体

特殊符号	字符实体
空格	& nbsp;
大于号>	& gt;
小于号 <	& lt;
引号 "	& quot;
版权符号©	& copy;

3.1图像标签

图像格式

JPG格式	PNG格式	GIF格式	BMP格式

3.2图像

属性	值	描述
<img src	图像	图像地址
<img width	像素	图像的宽度
<img height	像素	图像是高度
<img alt	文本	显示的文本
<img title	文本	显示的文本

4.1超链接

相对路径：
相对路径就是指由这个文件所在的路径引起的跟其它文件（或文件夹）的路径关系。
绝对路径：
绝对路径是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径
服务器路径：
服务器发布服务使用的URI/URL，服务器上存储某个文件的文件路径比如F:/aaa/bbb/c.jsp；第二种: url网址访问, 比如：http:localhost:8080/虚拟项目路径/项目资源路径；第三种: 以/开头的路径。
锚点路径：
锚点是网页制作中超级链接的一种，又叫命名锚记，像一个迅速定位器一样，是一种页面内的超级链接，运用相当普遍。