开源软件HTML Tidy可以对html文件进行查错:http://infohound.net/tidy/
一、head中标题、基础信息、元信息。
1,<title>
2,<meta>通过属性定义文件信息的名称,内容等,<meta>标记能够提供文档的关键字,作者及描述等多种信息。
定义页面关键字:向搜索引擎提供搜索的关键字,逗号分开 <meta name="keywords" content="">
定义页面描述:用来描述页面的主题<meta name="description" content="">
定义作者信息:<meta name="author" content="">
限制搜索方式: <meta name="robots" content=""> all, index, nofollow, noindex, none
定义网页文字及语言:<meta http-equiv="content-type" content="text/html"; charset="gb2312/ ISO-8859-1">
定义网页定时跳转:<meta http-equiv="refresh" content="跳转时间;URL=跳转地址">
二、body
文字格式:
1、bgcolor="背景颜色"
2、background = "*.jpg"
3、text ="文字颜色"
4、link="颜色", alink="正在访问的链接颜色" vlink="访问后的链接颜色"
5、margin: topmargin="像素值80" leftmargin=""
6、设置字体大小颜色<font size="1--7 / -4-- +4" face="字体" color="颜色">
7、设置标题:<h1--6>,一号最大
8、字体放大减小 粗体斜体:<big> <small> <strong> <i/cite> 直接在文字段落中即可。
9、上标下标:在数学公式中平方立方等:<sup> <sub>
10、删除线下滑线:<strike/s> <ins/s>
段落格式:
1、普通换行<br> 单独一个即可
2、另起一段<p> 要配对,段落内容在中间。
3、文字居中、居左、居右:<p align="left/ center / right/ justify"></p>
4、文字方向:<bgo dir="ltr / rtl">
5、水平线:<hr width="" size="" color="" align= noshade>
6、不换行:<nobr>不换行的文字</nobr>
7、文字滚动:<marquee>文字在中间
滚动方向:direction="right, left, up, down"
滚动方式:behavior=""scroll/ slide/ alternate"
滚动次数:loop=""
滚动速度:scrollamount="每次滚动的像素"
滚动延迟:scrolldelay=""
滚动背景颜色:bgcolor=""
滚动背景宽度高度:width, height
滚动空白空间:hspace, vspace.
8、列表:
无序:<ul type="circle/ disc/ square"> <li>
定义列表标记:<dl><dt>定义条件</dt><dd>定义描述</dd>
有序:<ol type="a/ A/ 1/ i/ I " start=6><li>
9、多媒体:
图像:<img scr="" >
宽度:width 高度:height
边框:border
对齐方式:align="middle/ top/ bottom/ left/ right/ texttop/ baseline"
水平间距:vspace: hspace
提示文字:alt=""
背景音乐:
<bgsound src=""
循环播放次数:loop=
视频:
<embed src="" width="" hight=""
设置自动运行:autostart
循环播放次数:loop
10、超链接
<a href="链接地址">链接内容</a>
name="链接名称"
title="给链接加提示文字"
target="指定链接的目标窗口 _self/ _blank/ _top/ _parent"
accesskey="链接热键"
锚点链接:<a name="锚点名称"></a> <a href="#锚点名称">链接内容</a>
链接到外部网站:http://
E-Mail链接:<a href=“mailto: edenrui@163.com?cc=""&subject=欢迎给我邮件”
脚本链接:<a href="javascript:window.close()">关闭窗口</a>
三、表格
1、表格标题:在tr前面<caption>表格标题</caption>
2、表头:用th代替td,会粗体显示
3、width= height= align="left/ right/ center"
4、边框:仅四周: border="边框宽度",默认不显示 bordercolor
5、内框宽度:cellspacing. 表格内文字与边框间距:cellpadding
6、表格背景:bgcolor, background
7、设置行属性:height, bordercolor, bgcolor, align="left/ right/ center" valign=" top/ middle/ bottom"
8、设置td属性:width, height, colspan=3:水平跨度,跨的列数。 rowspan=跨的行数。 align, valign, bgcolor, bordercolor,
9、表格结构:<thead> <tbody> <tfoot>,中间刻有 : bgcolor, align, valign,等
四、表单:
1、<form action="mailto:edenrui@163.com" method="get/ post"> get表单内容附加在URL地址后面,提交信息最多不超过8192个字符。 post表单内容在表单主体中,一起到服务器。
2、编码方式:enctype="Text/plain application/x-www-form-urlencoded multipart/form-data"
3、目标显示方式:target=" _blank/ _self/ _parent/ _top"
4、插入表单对象,text, password, radio, chechbox, button, submit, reset, image, hidden, file, hidden
5、菜单项:<select name=""> <option value="" selected>显示文字</option>
6、列表项:<select name="" size="要显示的列表项数" multiple> <option>
7、文本域:textarea: <textarea name= cols="长度50" rows=“列数5”>
五、框架结构网页
1、<frameset rows="框架窗口的高度,框架窗口的高度,*" cols="框架窗口的宽度,框架窗口的宽度,*"
2、框架集边框:frameborder="0/ 1" 框架集边框宽度:framespacing="0" 框架集边框颜色:bordercolor=""
3、设置框架:<frame src="页面文件的源地址" 网页文件、图片地址,地址类型是相对地址、绝对地址、具有锚点的链接地址。 name="" noresize 框架边框与页面内容的水平边距: marginwidth
框架边框与页面内容的垂直边距:marginheight。 设置框架滚动条:scrolling="yes/ no/ auto"
4、 不支持框架标记<noframes>替换显示的内容</noframes>
5、浮动框架:<iframe 基本同frame
6、设置普通框架结构的链接
<li><div align="center"><a href="2.html#1" target="main"> 基本简介</a></div></li>
<li><div align="center"><a href="2.html#2" target="main">法定假日</a></div></li>