初识 “HTML”

阅读量：6606 次

发布时间：2019-06-24

本文共 2088 字，大约阅读时间需要 6 分钟。

HTML

什么是HTML？

①全称：超文本标记语言

②超文本：在普通的文本内容的基础上添加超链接、图片、视频等

③标记语言：HTML提供一系列标签

④版本：HTML 4.01

HTML声明

1.编码格式：HTML 5

2.HTML的模版

①HTML的声明 <!DOCTYPE html>

作用：告诉浏览器当前HTML页面的版本和类型

用法：必须在HTML页面的0行0列

注意：声明并不是必要的，声明让浏览器更好地解析HTML页面。

②根标签<html>

闭合标签:具有开始标签和结束标签

注意：一个HTML页面中只能具有一个根标签

③<head>标签

作用：定义当前HTML页面的信息

子标签

<title> 定义HTML页面的标题，方便被搜索引擎抓取。

④<body>标签

作用：显示在浏览器窗口中

HTML的标签

①闭合标签：具有开始和结束标签

②单标签：只有开始标签

HTML的属性

1.定义：被定义在开始标签

2.格式：属性名称="值"

3.分类：

①标准属性：几乎所有的标签都具有的属性

举例：id-标识，唯一

name-名称

class

style

②私有属性：只有某个具体的标签具有的属性

常见的标签：

标题 <h1>~<h6>

效果：从大到小

<h1>：方便地搜索引擎抓取，一个HTML页面最好只有一个<h1>

段落 <p></p>

换行 <br>

水平线 <hr>

列表

①有序列表

<ol>

</ol>

②无序列表

<ul>

</ul>

③定义列表

<dl>

<dd>项目中的具体内容</dd>

</dl>

链接

作用：实现页面之间的跳转

②锚点

回到顶部

③发送邮件

④<a>元素的属性列表

属性名	值	描述
href	URL	规定链接的目标 URL。
target	_blank/_parent/_self	规定在何处打开目标 URL。仅在 href 属性存在时使用。

路径

①相对路径：目标页面相对于当前页面的路径

②绝对路径：从根目录开始查找到目标页面的路径

图片

①<img src="图片的地址" alt="">

②显示大小：width 设置图片显示的宽度

Height 设置图片显示的高度

③注意：设置显示的宽度和高度与原图片的比例保持一致

④img元素的属性列表：

属性名	值	描述
align	topbottommiddleleftright	HTML5 不支持。HTML 4.01 已废弃。规定如何根据周围的文本来排列图像。
alt	text	规定图像的替代文本。
height	pixels	规定图像的高度。
src	URL	规定显示图像的 URL。
width	pixels	规定图像的宽度。