HTML知识点总结
第一章:知识总结
<b>HTM坟:档结构</b> (括号里面的是注释)
<!DOCTYPE html >
*注:<!DOCTYPE标签没有结束标签!
<html >
<head> (头部部分)
“text/html
<meta http- equiv= "Content-Type" content= charset=gb2312 > (可写可不写)
<title>显示在浏览器标题栏中的标题</title>
</head>
<body> (主体部分)
(页面内容)
</body>
标签vbody>中的属性有:
bgcolor=颜色(背景颜色)background=图片的绝对路径或相对路径 (背
景图片)
.标题标签vHn>v/Hn> n取1~6 (设置文字标题):
vH1l级标题 v/H1>
VH21 级标题 </H2>
<H3二级标题 </H3>
vH4刊级标题</H4>
vH5阻级标题</H5>
vH6东级标题</H6>
.<font></font> 标签(设置文字属性)
<font size ="字体大小"color ="字体颜色"face ="字体类型”>要
设置的文字</font>
特殊符号
代码
至格
大于号(>)
>
小T> ( <)
<
引号
"
版权号(?)
©
段落标签<p></p>
<p align="left"(
左对齐)/
"right"( 右对齐)/ "center"( 居中)>(段落的对其方式)
换行标签<br />
.图片标签<img>
<img src="图片地址"width="图片宽度"height="图片高度"alt="
图片的提示文字"
align="top/bottom/middle/left/right" border=" 图片的边框宽
度”>
(align是用于调整图片相对于周围文本的对其方式)
.文字布局
1)水平线 <hr size=" 厚度"width=" 宽度"color=" 颜色">
2)有序列表的语法
ol type=序号类型 > (序号类型有:1、a、A、i、I )
li>填写信息</li> (必须用<li></li> 将内容包括起来)
li>填写信息</li>
li>填写信息</li>
</ol>
无序列表语法
<ul type=" 序号类型 "> (序号类型有: disc( 默认值 , 实心圆点 ) 、
circle( 空心圆环 ) 、 square( 空心正方形 ) )
<li> 所写内容 <li> (必须用 <li></li> 将内容包括起来)
</ul>
预格式文本语法
<pre>
具体的文本格式,这个格式在时是不改变的哦! )
</pre>
页面链接语法
链接到其他页面
<a href= “链接地址” >连接标志 </a>
链接到本页面
首先创建一个锚链接的锚记点: <a href= “#锚记点名称” >主题名称
</a>
></a>
然后在具体要链接到的地方设置 name:<a name= "锚记点名称”
(锚记点前面要加上 #号)
电子邮件链接
<a href= " mailto :邮件地址”〉站长邮箱</a> (注意不能忘了
mailto)
滚动标签的语法
<marquee scrolldelay= 滚 动 延 迟 时 间
direction=up/down/left/right ( 滚动方向 ) onmouseover=“ () ” ( 当鼠
标指在上面时停止滚动 ) onm ouseout= “() ” ( 当鼠标离开时继续滚动 ) >
滚动的文字和图像
</marquee>
第二章知识点总结
表格的基本框架语法
<table border= 表格的边框的宽度 (一般不超过 5) width= 表格的宽度
height= 表格的高度 bordercolor= 表格边框线的颜色 bgcolor= 整个表
格的背景颜色background=表格的背景图片地址(背景图片)align=表格对
齐方式 >
<tr bgcolor= 行的背景颜色 >(行)
<td colspan= 跨的列数 rowspan= 跨的行数
HTML基础知识点总结 来自淘豆网m.daumloan.com转载请标明出处.