HTML总结(一)
1:HTML的基本构成:
<html></hmtl>表示文档的开始和结束
<head></head>表示文档头的开始和结束
<title></title>文档的标4 题开始及结束
<body></body>文档正文的开始及结束
2 页面属性<body>标签内的属性
bgcolor 背景颜色
background 背景图片
text 正文文字的颜色
link 链接文字的颜色
alink 正被单击链接文字的颜色
vlink 已被单击过链接文字的颜色
leftmargin 网页左边空白
topmargin 网页上边空白
3 超链接:
<a huef="URL" target="打开方式" >文字或图片</a>
“URL”代表网址或本站某页面,“打开方式”两个基本选项:1 “_blank” 在新窗口中打开 2 “_self 在本窗口中打开”
4:文字设置
标题文字大小:<hn></hn> n={1-6}号大小
单独设置文字:<font></font>
字号:<font size=n> n={1--7}
字体:<font face=X> X=隶书、黑体、楷体_gb2312、仿宋_gb2312、Arial
颜色:<font color=X>
文字特殊效果:
<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<sub>下标字体</sub>
<sup>上标字体</sup>
<s>删除线</s>
<big>大号字体</big>
<small>小号字体</small>
网页布局:
<hr>:水平线
<hr size=n> n=像素:粗线
<hr wirth=n> n=像素或窗口百分比:宽度
<hr color=X>
<hr aign=X>X=left(左对齐), right(右对齐),center(居中);
<br>段落格式:
<br>:换行
<p>:段落也可以<p></p>
<nobr>也可以<nobr></nobr>强制不换行
对齐方式:
段落对齐方式:<p align=X></p>
标题文字对齐方式:<hn align=X></hn>
文本分区显示对齐方式<div align=X></div>
单独居中"<center>内容</center>" 包含在中间的“内容”居中对齐
图像:
<img src="url"> url=url=绝对路径或相对路径及文件名2。插入图像
图像与文字对齐<img src="url" align="Y">Y=top(顶部) middle(中部) botton(底部)
图像与周边文字间距<img src="url" vspace(垂直)="像素" hspace(水平像素)>
图像大小及边框宽度<img src="url" width="像素" height="像素" border="像素">
图像超链接<a href="URL"> <img src="url"></a>
表格的操作:
1:插入表格:
<table>...</table>:定义表格<表格的开始和结束>
<tr>.....</tr>定义表行每一行都需定义)
<th>....</th>定义表头(一般指第一行,因为很多表格没有表头,所以其经常省略)
<td>....</td> 定义表元(表格的具体数据)
跨多列的表元:<th colspan=#>或<td colspan=#>
跨多行的表元: <th rowspan=#>或<td rowspan=#>
表格外观:
设置表格边框:<table border=#>
设置表格尺寸:<table width=# height=#>
单元格间距:<table cellspacing=#>
内容与单元格间距:<table cellpadding=#>
设置表格,7行,8列,9单元格的背景色或图片:
<table bgcolor=#>和<table background=url>
<th bgcolor=#>和<th background=url>
<td bgcolor=#>和<td background=url>
<tr bgcolor=#>和<tr background=url>
表格边框颜色:<table bordercolor=#>
表格内文字对齐:
文字在表格内左对齐,居中,右对齐:
<tr align=#> #=left,center,right
<td align=#>
文字在表格靠上,垂直居中,靠下:
<tr valign=#> #=top,middle,botton
<td valign=#>
网页动态内容:
移动的文字:<marquee></marquee>
方向<direction=left,right,up,down>
方式<behavior=scroll(绕圈走),slide(一次),alternate(来回走)>
速度 scrollamount=1.....
延时 scrolldelay=1.....
底色 bgcolor
区域 height,width
嵌入多媒体<embed src=usl width=# height=#>
设置背景透明: wmode=transparent
网页背景音乐 <bgsound src=url toop=#>