设置网页的标题图片

<link rel="icon"  type="image/x-icon" href="bt.png"/>

设置字符编码

<meta charset="UTF-8">

body标签中的元素:块级跟行级

块级元素

标题标签:

H1~	H6

水平线(默认空心)

<hr/>

段落标签:

<p></p>

引用标签:

<blockquote></blockquote>

空格:

&nbsp;

预标签:

<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’

欢迎大佬们指正错误

12-03 15:38