一.HTML基础知识总结
(1)什么是 HTML?
HTML即超文本标记语言 (Hyper Text Markup Language), 是用来描述网页的一种语言。
超文本标记语言的结构包括"头"部分(外语:Head)、和"主体"部分(外语:Body),其中"头"部提供关于网页的信息,"主体"部分提供网页的具体内容。
(2)HTML/HTML5结构及相关基础标签
1.文档声明
<!DOCTYPE>:用于告诉浏览器此文档的类型是什么?处于<html>标签之前。用于告诉浏览器此文档的类型是什么。目前开发中常用于告诉浏览器此文档的类型是什么。用的声明是<!DOCTYPE html>,表示声明一个HTML5文档。它不属于HTML标签,而是一条指令。
2.文档结构标签
html标签:每创建一个HTML文件,都需要创建html标签对。除了声明文档类型的代码,其他的所有内容都存放在html标签对中;
head标签:定义文档的头部,用来包含网页的配置(例如网页的标题 title,网页的基础配置meta都放在head中);
title标签:定义网页的标题,标题内容会显示在浏 器的标签栏上;
body标签:定义网页的主体,例如:网页中的图片、文字等;
3.HTML语法
常规标记:<标记 属性=“属性值”属性=“属性值1属性值2”>
</标记>空标记:<标记 属性=“属性值”属性=“属性值1属性值2”>
4.文本标签
文本标题:
<h1>一级标题</h1><h2>二级标题</h2> 双标签
<h3>三级标题</h3><h4>四级标题</h4>
<h5>五级标题</h5><h6>六级标题</h6>
结果展示:
段落:<p></p>
加粗:<b></b>、<strong></strong>
倾斜:<i></i>、<em></em>
下划线:<u></u>、<ins></ins>
删线:<s></s>、<del></idel>
分割线:<hr> 单标签
换行:<br>
结果展示:
5.图片标签:
<img src="" alt=""> src后可以跟相对路径,或绝对路径
6.超链接标签:(未点击是蓝色,点击后是紫色)
<a href="">文字</a> <a href="./6.12.html">点击</a> 本地路径跳转
锚点:<a href="#one">跳转</a> <p id="one">蓝桉已遇释槐鸟 不爱万物惟爱你</p> 锚点跳转
网站链接:<a href="htpp://www.baidu.com">百度一下</a> 网址跳转
结果展示:
7.div span标签

