该【HTML基础知识点总结 】是由【莫比乌斯】上传分享，文档一共【7】页，该文档可以免费在线阅读，需要了解更多关于【HTML基础知识点总结 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。HTML知识点总结
:知识总结
<b>HTML文档结构</b>(括号里面的是注释)
<!DOCTYPEhtml>
*注:<!DOCTYPE>标签没有结束标签!
<html>
<head>(头部部分)
<metahttp-equiv=“Content-Type”content=“text/html”;charset=gb2312>(可写可不写)
<title>显示在浏览器标题栏中的标题</title>
</head>
<body>(主体部分)
(页面内容)
</body>
</html>
标签<body>中的属性有:
bgcolor=颜色(背景颜色)background=图片的绝对路径或相对路径(背景图片)
标题标签<Hn></Hn>n取1~6(设置文字标题):
<H1>一级标题</H1>
<H2>二级标题</H2>
<H3>三级标题</H3>
<H4>四级标题</H4>
<H5>五级标题</H5>
<H6>六级标题</H6>
3.<font></font>标签(设置文字属性)
<fontsize="字体大小"color="字体颜色"face="字体类型">要设置的文字</font>
特殊符号
代码
空格
大于号(>)
>
小于号(<)
<
引号
"
版权号(©)
©
段落标签<p></p>
<palign="left"(左对齐)/"right"(右对齐)/"center"(居中)>(段落的对其方式)
换行标签<br/>
<img>
<imgsrc="图片地址"width="图片宽度"height="图片高度"alt="图片的提示文字"
align="top/bottom/middle/left/right"border="图片的边框宽度">
(align是用于调整图片相对于周围文本的对其方式)
水平线<hrsize="厚度"width="宽度"color="颜色">
有序列表的语法
<oltype=序号类型>(序号类型有:1、a、A、ⅰ、I)
<li>填写信息</li>(必须用<li></li>将内容包括起来)
<li>填写信息</li>
<li>填写信息</li>
……
</ol>
无序列表语法
<ultype="序号类型">(序号类型有:disc(默认值,实心圆点)、circle(空心圆环)、square(空心正方形))
<li>所写内容<li>(必须用<li></li>将内容包括起来)
</ul>
预格式文本语法
<pre>
(具体的文本格式,这个格式在时是不改变的哦!)
</pre>
链接到其他页面
<ahref=“链接地址”>连接标志</a>
链接到本页面
首先创建一个锚链接的锚记点:<ahref=“#锚记点名称”>主题名称</a>
然后在具体要链接到的地方设置name:<aname=“锚记点名称”></a>
(锚记点前面要加上#号)
电子邮件链接
<ahref=“mailto:邮件地址”>站长邮箱</a>(注意不能忘了mailto)
<marqueescrolldelay=滚动延迟时间direction=up/down/left/right(滚动方向)onmouseover=“()”(当鼠标指在上面时停止滚动)onmouseout=“()”(当鼠标离开时继续滚动)>
滚动的文字和图像
</marquee>
第二章知识点总结
<tableborder=表格的边框的宽度(一般不超过5)width=表格的宽度height=表格的高度bordercolor=表格边框线的颜色bgcolor=整个表格的背景颜色background=表格的背景图片地址(背景图片)align=表格对齐方式>
<trbgcolor=行的背景颜色>(行)
<tdcolspan=跨的列数rowspan=跨的行数bgcolor=本单元格的背景颜色background=本单元格的背景图片地址(背景图片)align=单元格中的内容对齐方式(right/left/center/)></td>(单元格)
</tr>
</table>
、间距属性
cellpadding:内容与单元格内边框线的距离(内填充)cellspacing:单元格之间的距离(外间距)
第三章知识点总结
<formaction="URL"name=表单名字method=提交数据的方式(post/get)>
具体的内容
</form>
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>
<optionvalue=“”(必须有)>内容</option>
<optionvalue=“”(必须有)>内容</option>
<optionvalue=“”(必须有)>内容</option>
……
</select>
3).<textarea></textarea>多行文本框元素
语法:<textareaname=“”cols=“宽度”rows=“高度”(不要和合并单元格的rowspan和colspan相混淆)>
具体的内容
</textarea>
框架
1).框架的基本结构(注意:此时不能要<body></body>)
<framsetcols=“25%,*”(分隔成左右两部分)rows=“25%,*”(分隔成上下两部分)border=框架边框的大小bordercolor=框架边框的颜色>
<framename=“窗口的名字”src=“此窗口要显示的文件地址”scrolling=yes/no(有无滚动条)noresize(禁止改变框架窗口的大小)>
</framset>
2).框架页面之间的链接
第一步:在设计好的框架页面中给每个部分定义一个名字;
Eg:<framename=”窗口的名字”src=“”>
第二步:设置导航栏中的超链接的target目标窗口属性;
Eg:<ahref=“”target=“要显示的窗口的名字”>链接标志</a>
第四章知识点总结
,分为三种
1)标签选择器
语法:
标签{
属性:属性值;
}
<styletype=”text/css”>
P{font-size:20px;color:blue}
</style>
不需要调用,直接创建标签就能使用
2)class选择器
语法:
。类名{
属性:属性值;
}
<styletype=”text/css”>
.my{font-size:20px;color:blue}
</style>
调用:在需要使用的地方做为属性来调用(class=类名)
3)ID选择器
语法:
#名称{
属性:属性值;
}
<styletype=”text/css”>
#my{font-size:20px;color:blue}
</style>
调用:在需要使用的地方做为属性来调用(ID=名称)
1)文本属性
font-size:字体大小
font-family:字体类型
font-style:字体样式(斜体)
color:字体颜色
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{}未被访问的链接样式
A:visited{}被访问过的链接样式
A:hover{}鼠标悬浮在链接上时的样式
A:active{}鼠标下在按下时链接文字的样式
1)行内样式表(改变某一行文字的样式)
语法:<Pstyle=”属性:属性值;”>文字</P>
2)内嵌样式表(在一个页面内使用)
语法:
<styletype=”test/css”>
//样式规则
</style>
3)外部样式表(改变多个页面中的不同页面元素的样式)
以CSS为后缀名的文件。
链接外部样式表的两种方式:
(1)<link>标签声明
<linkrel=”stylesheet”type=”text/css”href=”样式表文件”>
(2)导入方式
<styletype=”Text/css”>
***@;
</style>
第五章知识点总结
1)需求分析、确认需求
2)网站制作
3)测试网页
4)发布网站
1)页面是否美观,布局是否合理
2)链接是否完好,有无无效链接
3)在不同浏览器中的兼容情况
HTML基础知识点总结 来自淘豆网m.daumloan.com转载请标明出处.
