设置网页的标题图片
<link rel="icon" type="image/x-icon" href="bt.png"/>
设置字符编码
<meta charset="UTF-8">
body标签中的元素:块级跟行级
块级元素
标题标签:
H1~ H6
水平线(默认空心)
<hr/>
段落标签:
<p></p>
引用标签:
<blockquote></blockquote>
空格:
预标签:
<pre></pre>
*[<pre></pre>]: 预格式标签会保留原来的样式(你写的什么样他出来就是什么样)
列表:
<ol>
<li></li>
</ol>
有序列表,有几个选项就写几个li
<style>
li{
list-style: url("img");
}
</style>
改变li前的·为图片
<ul>
<li></li>
</u>
无序列表。
列表里面可以嵌套列表
描述标签
<dl>
<dt></dt> 标题
<dd></dd> 描述
</dl>
描述标签,只能有一个dt,但是可以有多个dd
DIV
<div></div>
行级元素
文本
<span></span>
图片
img
改变图片大小只要给宽度就行(图片等比例缩放),不要给高度,否则会导致图片变形
alt
当图片撕裂的时候展示
强调
em 表现为倾斜跟i标签一模一样,但是有本质的区别
em表示强调
i表示倾斜
strong 表现为加粗跟b标签一模一样,但是有本质的区别
strong表示强调
b表示加粗
引号
q 自动对标签内部文本加双引号
缩小
small 里面的文本会缩小一号
可以嵌套多个small
行级元素无法设置宽高
块级元素默认是100%,可以设置高
Img是行级元素,但是可以设置宽高
超链接标签
<a></a>
display:inline-block
格式
文档注释
<!-- --> ctrl+/
去掉系统默认的缝隙
*{margni:0;}
属性
线的尺寸
size:
设置水平线位实心
noshade=”noshade”
noshade,noshade=””:
布尔类型属性可以只写属性名
改变线的长度
width
改变线的颜色
color
超链接用于页面跳转
相同页面见的跳转
<a name='p'></a>
<a href='#p'></a>
不同页面间的跳转
<a href=”” style=”” target=”_blank”(开启新的页面) >
表格
<table>
<tr>
<td></td>
</tr>
</table>
<th></th>表头
表格格式
表格每一行(tr)内部列(td)的个数一样
width表格宽度
tr 中无法指定宽度,默认跟表格宽度一般大
可以设置高度
td(th) 可以加宽度,也可以设置高度
boder 边框
height 表格高度
align=”” 调整表格自身的水平位置,如果放在tr(td/th)上则改变的是文本的对齐方式
valign 垂直方向对其
优先级:标识范围小的则优先级越高
top(上) bottom(下)
bgcolor 背景色,可以加在table tr td th 上
优先级:标识范围小的则优先级越高
bodercolor 边框颜色
cellspacing 单元格与单元格之间的距离
cellpadding 单元格内边距,与内部文本的距离
跨行跨列
合并单元格
跨列
Colspan=‘2’
跨行
Rowspan=‘2’
欢迎大佬们指正错误