第 1 页
HTML知识点总结
:知识总结
<b>HTML文档结构</b>(括号里面的是注释)
<!DOCTYPE html>
*注:<!DOCTYPE> 标签没有结束标签!
<html >
<head>(头部部分)
<meta http-equiv=“Content-Type”content=“text/html”; charset=gb2312 >(可写可不写)
<title>显示在浏览器标题栏中的标题</title>
</head>
<body>(主体部分)
(页面内容)
</body>
</html>
标签<body>中的属性有:
bgcolor=颜色 (背景颜色) background=图片的绝对路径或相对路径(背景图片)
标题标签<Hn></Hn> n取1~6(设置文字标题):
<H1>一级标题</H1>
第 2 页
<H2>二级标题</H2>
<H3>三级标题</H3>
<H4>四级标题</H4>
<H5>五级标题</H5>
<H6>六级标题</H6>
3.<font></font>标签(设置文字属性)
<font size="字体大小" color="字体颜色" face="字体类型">要设置的文字</font>
特殊符号
代码
空格
大于号(>)
>
小于号(<)
<
引号
"
版权号(©)
©
段落标签<p></p>
<p align="left" (左对齐)/ "right" (右对齐)/ "center" (居中)>(段落的对其方式)
换行标签<br />
<img>
<img src="图片地址" width="图片宽度" height="图片高度" alt="图片的提示文字"
align="top/bottom/middle/left/right" border="图片的边框宽度">
(align是用于调整图片相对于周围文本的对其方式)
第 3 页
水平线<hr size="厚度" width="宽度" color="颜色">
有序列表的语法
<ol type=序号类型>(序号类型有:1、a、A、ⅰ、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>
第 5 页
然后在具体要链接到的地方设置name:<a name=“锚记点名称”></a>
(锚记点前面要加上#号)
电子邮件链接
<a href=“mailto:邮件地址”>站长邮箱 </a>(注意不能忘了mailto)
<marquee scrolldelay=滚动延迟时间 direction=up/down/left/right(滚动方向) onmouseover=“()”(当鼠标指在上面时停止滚动) onmouseout=“()”(当鼠标离开时继续滚动) >
滚动的文字和图像
</marquee>
第二章知识点总结
<table border=表格的边框的宽度(一般不超过5) width=表格的宽度 height=表格的高度 bordercolor=表格边框线的颜色 bgcolor=整个表格的背景颜色background=表格的背景图片地址(背景图片) align=表格对齐方式>
<tr bgcolor=行的背景颜色>(行)
<td colspan=跨的列数 rowspan=跨的行数 bgcolor=本单元格的背景颜色 background=本单元格的背景图片地址
第 5 页
(背景图片) align=单元格中的内容对齐方式(right/left/center/)></td>(单元格)
</tr>
<
html基础知识点总结 来自淘豆网m.daumloan.com转载请标明出处.