HTML总结

Posted zhouzetian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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=#>

 

以上是关于HTML总结的主要内容,如果未能解决你的问题,请参考以下文章

HTML|CSS总结与补充

Web前端:HTML最强总结 附详细代码

C#视频HTML总结

html CSS 学习总结

周总结

html网页设计细节总结及实践经验总结