html总结

html总结

什么是HTML：

HTML：超文本标记语言的缩写

1.标题(heading)：

从小到大提供了h1-h6的6级标题

2.文本格式：

查看有关的标签

3.超链接a：

a href=“xx网址” target=“_blank”>xxx
(1).href为要跳转去的地址URL。
(2).target属性为_blank表示在新的页面打开超链接。
(3).超链接标签包含的内容（xxx）即为显示在页面上供用户点击的.

HTML插入图片：

插入图片注意事项：

1.图片一张插入：img src=“https://mdbootstrap.com/img/logo/mdb192x192.jpg” alt=“MDB Logo” width=“200” height=“200”
2.src属性为要显示图片文件的位置 URL，即图片文件的路径
3.alt属性当获取图片出现问题时显示的文字
4.可为图片指定高宽度。

图片文件路径：

1.img src=“图片” 则该图片文件与当前文档在同一目录。
2.img src=“./images/图片”,则该图片文件在当前目录下的images目录中。
3.img src=“…/图片”,则该图片文件在上一级目录中

HTML表格：

代码中，tr表示行, td表示行中的单元, th是表头的单元（将会加粗显示）

HTML列表list：

1.无序列表：使用ul标签
2.有序列表：使用ol标签

HTML的文档结构：

1.新建工作目录
2.自动保存文档
3.新建HTML文件

HTML分析：

HTML使用“标记”(markup)来注明文本、图片、和其他内容

一.HTML刨析元素

1.开始标签：包含元素的名称，表示元素从这里开始或者开始起作用。
2.结束标签：这表示着元素的结尾
3.内容：元素的内容。
4.元素：开始标签、结束标签与内容相结合，便是一个完整的元素。

二.HTML刨析文件：

1.!DOCTYPE html元素：声明文档类型。
2.html元素：其他元素都嵌套在这个元素里面。
3.head元素：这个元素是一个容器。
4.meta charset=“utf-8”: 这个元素设置文档使用utf-8字符集编码，基本上能识别所有文本内容
5.link rel=“shortcut icon” href=“favicon.ico” type=“image/x-icon”: 指定页面的图标，出现在浏览器标签上。
6.title元素: 设置页面标题，出现在浏览器标签上，当你标记收藏页面时它可用来描述页面。
7.body元素：包含文本上所有内容。