文档介绍：第十一章 HTML和CSS复****br/>第一节 HTML复****br/>一、标志结构
1、闭合标志:最常用的结构,由<标志></标志>结构组成,基本上所有的标志都符合上面结构。
2、非闭合标志:少见的标志结构,只由<标志>一部分组成。
只要记住<br/>换行和<img>图片即可。
二、常用标志
1、结构标志
没有实际作用,用来标示文档结构。
<html>
<head></head>
<body></body>
</html>
2、描述网页特性
(1)<title>网页标题</title>
(2)<meta name=“description” content=“网站的描述”>
(3) <meta name=“keyword” content=“网站关键词”>
3、普通标志
(1)段落类:
<hn align=left|center|right>…<hn>
<p align=></p>
<ol type=“1 | i | I | a | A”><li></ol>
有序类表
<ul type=“square,circle,disc”><li></ul>
无序列表
(2)修饰类:
<b>内容</b>标明文字为黑体
<i>内容</i>标明文字为斜体
<s>内容</s>文字有中划线
<u>内容</u>文字有下划线
<font size= |color=|face= >
内容
</font> 现在有css很少用
<br/>换行
<!-- 内容--> 注释
(3)图片视频类
<img src=“地址” alt=“说明” height=“” width=“”
border=“” align=“left | right | top | middle | bottom ”>
<embed align=“left | right | top | middle | bottom ” src=“url” loop=“true | false” autostar=“true | false” height=“宽度”
width=“高度”> 向网页内加入视频可以是音乐,电影,flash
<hr align=“left | center | right” width=“宽度” color=“rgb颜色” noshade(阴影) size=“厚度”> 加入水平线
(4)链接类:
<a href=“url” target =“_blank(新窗口)|_self(当前窗口) ></a>普通链接
<a name=“名字”></a>
<a href=“url#gothere”>名字</a>锚点
<a href=mailto:邮件地址>说明</a>邮件链接
(5)表格类
<table align=“left | center | right ” background=url
bgcolor=color(背景颜色) border=宽度 bordercolor=颜色
cellpadding=宽度(单元格与内容之间的距离)
cellspacing=宽度(单元格之间的间距)
width=宽度 height=高度>
<tr align=left | center | right (设定内容对其方式)
bgcolor=rgb bordercolor=rgb
valign=top | middle | bottom (设定内容垂直对其方式)>
<td align=left | center | right
valign=top | middle | bottom
bgcolor=rgb border=宽度 bordercolor=rgb
colspan=单元格数(跨列)重点
rospan=行数(跨行)重点
width=宽度 height=高度(第一个单元格设置)></td>
</tr>
</table>
(6)表单类:
<form action=“url”(处理表单文件的地址) method=GET | POST (处理方式一般post)>
<input align=left | right | center
value=“”(设置文本框初始值)
name=“名称”(用于asp判断)
disabled (使当前组件不能使用)
readonly (使当前文本框不能输入,只能复制内容)
maxlength=“字符数”文本字符最大值,用于text和password框
size=“宽度”文本组件的宽度。只用于text和password框。
checked 指定当前选项被选上,只用于多选框和单选框
src=“图片地址”指定图形按钮图片,只用于图形按钮