| 前言 |
一、.HTML骨架
·第1行<!DOCTYPE html>声明文档类型,作用是告知浏览器该文档使用那种规范
·第2行<html lang="en">制定HTML标签指定语言, 常用的有英文:en,中文:Zh-CN
·第3行<head>头标签,成对存在,里边放置网页的配置信息(meta)及网页的标题(title);
·第4行<meta charset="UTF-8">配置网页信息,utf-8是国际通用编码字符集,适用于各国的字符标准世界通用字符,“UTF-8”防止乱码的出现,HTML文件以UTF-8编码保存
·第5行<title>Document</title>网页的标题
·第7~8行<body></body>标签之间用于定义网页的主体内容
·HTML骨架标签总结
二、HTML标签分类
·常规元素(双标签)成双成对,有始有终
·空元素(单标签)单身狗,单个存在
三、HTML关系
·嵌套关系(距离为一个tab键)
嵌套关系就像是父亲和儿子的关系,儿子嵌套在父亲中,依赖于父亲
·并列关系
并列关系,就好比兄弟关系,等级相同
四、HTML常用标签
1)排版标签
一共分为6级,从h1-h6<h1></h1>标签等级最高,字体最粗,字号最大,依次递减
2)段落标签
3)水平标签,作用是画出一条水平分割线
4)换行标签(强制换行)
5)div和span标签
·div是用来布局的,一行只能放一个div
·span标签也是用来布局的,一行可以放多个span
常用标签总结
五、文本格式标签总结
·b只是加粗,strong除了加粗还有强调的意思
六、标签属性
1)图像标签(img与src之间要留有空格)
2)图像的其他属性**
3)链接标签
·href,用于链接跳转目标的地址
.target用于打开一个新的网页,而原有的网页继续存在,不加target新网页将在原有网页的基础上打开,原网页被覆盖
4)注释标签
不会显示到页面上,注释是给前端人员看的,程序不执行这个代码
七、锚点定位
通过创建锚点连接,用户能快速定位到目标内容,就像WPS中的大纲显示,通过大纲标题,直接定位到具体内容上
完!欢迎评论区留言