HTML基础知识点总结_精品文档Word格式文档下载.doc
- 文档编号:13170881
- 上传时间:2022-10-07
- 格式:DOC
- 页数:7
- 大小:34KB
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)页面是
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 基础 知识点 总结 精品 文档