HTML5第一章-CSDN博客

本文链接：https://blog.csdn.net/sjwbksns/article/details/128921511

1.1 HTML5 概述

1.1.1 HTML 简介及发展史

HTML1.0——发展1993年，HTML2.0——发展1995年，HTML3.2——发展1996年，HTML4.0——发展1997年，
HTML4.0.1——发展1999年，HTML5.0———发展2013年。
1.1.2 网页开发工具
记事本,VS Code。
1.1.3 HTML5 文件的基本结构

<!DOCTYPEhtml> //声明
<title>我的第一个网页</title> //标签用于定义文档的头部，它是所有头部元素的容器。
<body></body>为HTML文件的主体标记，即只有在标记中编辑的网页对象才可以在浏览器窗口中显示，该标记具有多个标记属性，其所有的标记属性基本上都是用来控制当前HTML文件的页面属性

1.2网页的基本标签

1.2.1 标题标签

<h1>字号最大，<h6>字号最小。

1.2.2 段落标签

<p></p> //有开始标签和结束标签。
（1）<body>标签对， //<body> 标签表示 HTML 网页的主体部分，该标签内的内容使用户可以看到的。
一个 HTML 文件只能存在一个 <body> 标签。

1.2.3 换行标签

<br/>。 //<br> 可插入一个简单的换行符。

1.2.4 水平线标签

<hr /> 就是创建横跨网页水平线的标签。

1.2.5 字体样式标签

使用<strong>标签让文本加粗，使用<em>标签让文本倾斜。

1.2.6 注释

<！–与–>用于插入注释。

1.2.7 字符实体

空格 &nbsp；
大于号（>）&gt；
小于号（<）&lt；
引号（”） &quot；
版权符号（c）&copy；

1.3图像标签

1.3.1 常用的图像格式

语法：< img src="图像地址"/>

1.JPG格式是一种使用有损压缩方法保存的图像格式
2.PNG格式是一种无损压缩的位图片形格式(抠图后的样子)
3.GLF格式是一种动态图片
3.BMP格式是一种无损压缩的位图片形格式

1.3.2 图像标签的基本语法及使用

网页中大多数的图片显示使用图像标签.

1.4 超链接标签

1.4.1 超链接的基本用法

< a href=" ">链接文本</ a>
其中 #id名用来指定链接目标的id名称再跳转到该页面
锚点id属性在href中设置id属性
四种href地址：
1.绝对路径：是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。（不可在服务中使用）例如：D://u=58078606,2464070380&fm=253&fmt=auto&app=138&f=JPEG.webp"
2.相对路径：相对路径就是指由这个文件所在的路径引起的跟其它文件（或文件夹）的路径关系。（用服务的方式运行可以访问相对路径用本地文件的方式运行不可以访问相对路径）
3.服务路径：服务器发布服务使用的URI/URL，服务器上存储某个文件的文件路径，使用的管道，或者是消息通讯的路由都可以被业余的人称之为“服务器路径”。