HTML基础知识点总结_精品文档Word格式文档下载.doc
《HTML基础知识点总结_精品文档Word格式文档下载.doc》由会员分享，可在线阅读，更多相关《HTML基础知识点总结_精品文档Word格式文档下载.doc（7页珍藏版）》请在冰豆网上搜索。
Hn>
/Hn>
n取1~6（设置文字标题）：
1）<
H1>
一级标题<
/H1>
2）<
H2>
二级标题<
/H2>
3）<
H3>
三级标题<
/H3>
4）<
H4>
四级标题<
/H4>
5）<
H5>
五级标题<
/H5>
6）<
H6>
六级标题<
/H6>
3.<
font>
/font>
标签（设置文字属性）
<
fontsize="
字体大小"
color="
字体颜色"
face="
字体类型"
>
要设置的文字<
4.特殊符号
特殊符号
代码
空格
&
nbsp;
大于号（>
）
gt;
小于号（<
lt;
引号
quot;
版权号（©
copy;
5.行的控制相关标签
段落标签<
p>
/p>
<
palign="
left"
（左对齐）/"
right"
（右对齐）/"
center"
（居中）>
（段落的对其方式）
换行标签<
br/>
6.图片标签<
img>
imgsrc="
图片地址"
width="
图片宽度"
height="
图片高度"
alt="
图片的提示文字"
align="
top/bottom/middle/left/right"
border="
图片的边框宽度"
（align是用于调整图片相对于周围文本的对其方式）
7.文字布局
1）水平线<
hrsize="
厚度"
width="
宽度"
颜色"
2）有序列表的语法
oltype=序号类型>
（序号类型有：
1、a、A、ⅰ、I）
li>
填写信息<
/li>
（必须用<
将内容包括起来）
……
/ol>
3）无序列表语法
ultype="
序号类型"
disc（默认值,实心圆点）、circle（空心圆环）、square（空心正方形））
所写内容<
/ul>
4）预格式文本语法
pre>
（具体的文本格式，这个格式在时是不改变的哦！
/pre>
8.页面链接语法
1）链接到其他页面
ahref=“链接地址”>
连接标志<
/a>
2）链接到本页面
首先创建一个锚链接的锚记点：
ahref=“#锚记点名称”>
主题名称<
然后在具体要链接到的地方设置name:
aname=“锚记点名称”>
（锚记点前面要加上#号）
3）电子邮件链接
ahref=“mailto：
邮件地址”>
站长邮箱<
（注意不能忘了mailto）
9.滚动标签的语法
marqueescrolldelay=滚动延迟时间direction=up/down/left/right（滚动方向）onmouseover=“this.stop（）”（当鼠标指在上面时停止滚动）onmouseout=“this.start（）”（当鼠标离开时继续滚动）>
滚动的文字和图像
/marquee>
第二章知识点总结
1.表格的基本框架语法
tableborder=表格的边框的宽度（一般不超过5）width=表格的宽度height=表格的高度bordercolor=表格边框线的颜色bgcolor=整个表格的背景颜色background=表格的背景图片地址（背景图片）align=表格对齐方式>
trbgcolor=行的背景颜色>
（行）
tdcolspan=跨的列数rowspan=跨的行数bgcolor=本单元格的背景颜色background=本单元格的背景图片地址（背景图片）align=单元格中的内容对齐方式（right/left/center/）>
/td>
（单元格）
/tr>
/table>
2.填充、间距属性
cellpadding:
内容与单元格内边框线的距离（内填充）cellspacing：
单元格之间的距离（外间距）
第三章知识点总结
1.表单的基本结构
formaction="
URL"
name=表单名字method=提交数据的方式（post/get）>
具体的内容
/form>
2.表单中的元素
1）.<
input>
元素
<
inputname=“”type=textsize=文本框的大小maxlenght=限制输入的最大字符>
（单行文本框）
inputname=“”type=passwordsize=文本框的大小maxlenght=限制输入的最大字符>
（单行文本框——设置密码）
inputname=“name”type=radiovalue=“男”checked（默认选定）>
（单选按钮——男）（设置单选按钮的时候名字一定要一样）
inputname=“name”type=radiovalue=“女”>
（单选按钮——女）
inputname=“”type=submitvalue=提交>
（按钮——提交）
inputname=“”type=resetvalue=重置>
（按钮——重置）
inputname=“”type=checkboxvalue=play（必须有）checked>
玩游戏（复选框）
2）.<
select>
/select>
下拉列表元素
语法：
selectname=“”>
optionvalue=“”（必须有）>
内容<
/option>
……
3）.<
textarea>
/textarea>
多行文本框元素
textareaname=“”cols=“宽度”rows=“高度”（不要和合并单元格的rowspan和colspan相混淆）>
3.框架
1）.框架的基本结构（注意：
此时不能要<
framsetcols=“25%，*”（分隔成左右两部分）rows=“25%，*”（分隔成上下两部分）border=框架边框的大小bordercolor=框架边框的颜色>
framename=“窗口的名字”src=“此窗口要显示的文件地址”scrolling=yes/no（有无滚动条）noresize（禁止改变框架窗口的大小）>
/framset>
2）.框架页面之间的链接
第一步：
在设计好的框架页面中给每个部分定义一个名字；
Eg:
framename=”窗口的名字”src=“”>
第二步：
设置导航栏中的超链接的target目标窗口属性；
Eg:
ahref=“lianjie.html”target=“要显示的窗口的名字”>
链接标志<
第四章知识点总结
1.样式类型，分为三种
1）标签选择器
语法：
标签{
属性:
属性值;
}
styletype=”text/css”>
P{font-size:
20px;
color:
blue}
/style>
不需要调用，直接创建标签就能使用
2）class选择器
。
类名{
属性:
.my{font-size:
调用：
在需要使用的地方做为属性来调用（class=类名）
3）ID选择器
#名称{
属性:
#my{font-size:
在需要使用的地方做为属性来调用（ID=名称）
2.常用的样式属性
1）文本属性
font-size:
字体大小
font-family:
字体类型
font-style:
字体样式（斜体）
字体颜色
text-algin:
文本的对齐方式（left/right/center）
2）背景属性
background-color:
背景颜色
background-image:
url（“图片地址”）背景图片
background-repeat:
（repeat/no-repeat/repeat-x/repeat-y）背景图片如何被重复显示
3）方框属性
（1）边界属性
margin-left:
设置对象的左边距
margin-right:
设置对象的右边距
margin-top:
设置对象的上边距
margin-bottom:
设置对象的下边距
（2）填充属性
padding-left:
设置内容与左边框之间的距离
padding-right:
设置内容与右边框之间的距离
padding-top:
设置内容与上边框之间的距离
padding-bottom:
设置内容与下边框之间的距离
（3）边框属性
border-style:
（soild细边框/dashed/虚边框）边框样式
border-width:
边框宽度
border-color:
边框颜色
4）超链接样式
A:
link{}未被访问的链接样式
visited{}被访问过的链接样式
hover{}鼠标悬浮在链接上时的样式
active{}鼠标下在按下时链接文字的样式
3.样式表的3类应用方式
1）行内样式表（改变某一行文字的样式）
Pstyle=”属性:
”>
文字<
/P>
2）内嵌样式表（在一个页面内使用）
styletype=”test/css”>
//样式规则
3）外部样式表（改变多个页面中的不同页面元素的样式）
以CSS为后缀名的文件。
链接外部样式表的两种方式：
（1）<
link>
标签声明
linkrel=”stylesheet”type=”text/css”href=”样式表文件”>
（2）导入方式
styletype=”Text/css”>
@import样式表文件.css;
第五章知识点总结
1.网站开发流程
1）需求分析、确认需求
2）网站制作
3）测试网页
4）发布网站
2.网站测试主要包括三个方面
1）页面是
升级会员 