lang:en zh-CN
charset:UTF-8
标签:
标题标签:<h1><h2><h3>在合适的地方放合适的标签
顺序:
1:确定结构语义
2:确定css文件
一:常用标签:
1:排版标签:
1:标题标签:<h1----h6>熟记 大小依次递减 一行只显示一行标题/
2:段落标签:<p>熟记 换行 空格不管用 段落之间的间距大
3:水平线标签:<hr>认识 hor
4:换行标签<br>熟记 break 每行之间的距离小
5:<div><span>重点 并没有准确的语义,只是容器作用
div:用于布局,一行只能放一个div
span一行可以有多个span标签
2:文本格式化标签:加粗,倾斜,下划线效果
1:加粗:<b> <strong>(推荐使用)
2:斜体:<i> <em>(推荐使用)
3:删除线:<s> <del>(推荐使用)
4:下划线:<u> <ins><推荐使用>
3:标签属性:大小,颜色,长度,宽度
<标签名 属性1="属性值1" 属性2="属性值2" ...>内容</标签名>
1:图片标签:<img src="图片url">
alt:图片没有的时候的替换文本
title:鼠标悬停时显示的文本(需要悬停2s左右)
width:图片的宽度
heigh:图片的高度
border:设置边框的宽度
2:连接标签:
<a href="目标" target="目标弹出的方式"></a>
"#"代表空连接
target:self和blank两种:blank代表从新窗口打开(打开一个新标签)
_self
_blank
3:注释标签 ctrl+/
二:路径
按功能分包-->目录文件夹
1:相对路径:
1:同级:<img src="demo.jpeg">
2:下一级:<img src="images/demo.jpeg">
3:上一级:<img src="../images/demo.jpeg">
2:绝对路径:
3:锚点定位的实现:(目录)
1:设置相应id <h4 id="1">图片连接</h4>
2:<a href="#1" >锚点跳转</a>
4:base标签的实现:(对所有的跳转方式的进行设置)
1:<head><base target="_blank" /></head>
2:<a href="https://www.baidu.com"></a>
5:预格式化文本:按照预先写好的文字格式显示界面
1:<body><pre></pre></body>
2:根据内容格式效果进行显示