head中标签的顺序:
1、meta标签
2、link标签
3、title标签
meta标签:1、描述文档和编码方式 charset
2、添加网页描述
3、添加网页关键字
4、添加作者信息
link类标签:
1、引用外部CSS文件
2、指定浏览器网页标签栏图标
标签的分类
1、块级标签 特点:独占一行 ,自动换行,自动加粗
1).标题标签:<h1></h1>...<h6></h6>
2).引用标签 :<blockquote cite=“www.baidu.com”></blockquote> 空两格
3).预格式:<pre></pre> 保留代码原格式
4).分割线标签:<hr>
5).段落标签:<p>
2、行级标签 特点:宽度与自己的内容等宽
有序列表标签:
1).修饰符是数字,它会项目的增多,自动增加。
2).有序列表页可以嵌套
<ol>
<li>列表项1</li>
<li>......</li>
</ol>
无序列表标签:
1).修饰符是默认的圆点
2).可以嵌套,嵌套的修饰符会与外层产生区别,以示区分
<ul>
<li>列表项1</li>
<li>......</li>
</ul>
定义描述列表标签:
1)。子标签分两个 dt dd
2).dt:列表的标题 没有缩进
3).dd:列表的描述 有缩进
<dl>
<dt>标题</dt> //title,,dt是块状元素,所以常用于图文混编的布局场合
<dd>内容1</dd>
<dd>内容2</dd>
</dl>
组合标签:(图文混编)
<figure>
<img src="">
<figcaption> </figcaption>
</figure>
分区标签:div(块级标签)
行级元素:
1、span标签:1、用于包裹文本中的某一个或某几个字段,以方便添加样式。
2、它本身没有任何样式
2、img标签:1.src属性:加载图片(用来指定你要显示的图片的路径)
2.alt属性:错误提示(当你指定的图片不存在时,相关的错误信息)
3.title 属性:当鼠标悬浮在图片上时,相关的提示信息
4.align:指定图片的显示位置
5.width:指定图片的宽度
6.height:指定图片的高度
3、em强调标签:<em>强调的内容</em>
(显示效果为倾斜,并且有强调的意思。可以更方便的被浏览器搜索到)
4、i标签:显示效果为倾斜(没有强调的作用)
5、strong标签:强壮(强调)
6、b标签:加粗
7、q标签:短引用
8、small标签:
9、a标签的功能:
1、页面跳转
2、锚点链接
3、功能链接
转载请注明原文地址: https://ju.6miu.com/read-37176.html