html期末复习速览

一.基础标签

1.段落标签<p></p>

特点：分段分割

2.标题标签<h1></h1>……<h6></h6>

特点：文字加粗，单独占一行

3.换行标签<br />

特点：单标签，强制换行

二.文本格式化标签

1.粗体标签<strong></strong>或者<b></b>(更推荐strong，重点)

2.斜体标签<em></em>或者<i></i>（更推荐em，重点）

3.删除线标签<del></del>或者<s></s>（更推荐del）

4.下划线标签<ins></ins>或者<u></u>（更推荐ins）

三.盒子标签

1.大盒子标签<div></div>

特点：一行只能放一个

2.小盒子标签<span></span>

特点：一行可以放多个

四.图像标签

图像标签<img src="图像的地址" />   （src必写）

其中其他的属性

1.alt——当图像无法显示的时候，出现的文字

2.title——当鼠标放在图片上时出现的文字

3.width——设置宽度（一般将width和height设置其中一个，然后另外一个自动将它等比例变化）

4.height——设置高度

5.border——设置图像的边框粗细

注意：可以拥有多个属性，必须写在标签名的后面；属性之间不分先后顺序，之间以空格分开；格式为：属性=“属性值”

相关图像地址知识：

1.当为相对路径时：

同级可以直接使用

下一级路径   /   例如<img src="images/baidu.gif">

上一级路径   ../  例如<img src="../baidu.gif">

2.当为绝对路径时：

一般直接用网页上的图像复制地址即可得到

五.链接标签

1.格式<a href="跳转目标" target="弹出窗口的弹出方式">文本或图像</a>

其中target有两个选择，默认为_self即覆盖原窗口，_blank则新创建一个窗口

如果暂时没有合适的地址，可以用"#"这个空链接代替

2.锚点链接<a href="#名字"></a>  对应名字用id

例如要在很长的一个页面直接跳到某个位置，则可以使用锚点链接

<a href="#two">第二集</a>

<h3 id="two">第二集介绍</h3>

六.注释标签和特殊字符

1.注释：<!--    -->

2.空格符——& nbsp；

3.小于号——& lt

4.大于号——& gt

七.表格标签

1.表格框架：

<table>

        <tr>

                <td></td>

        </tr>

</table>

由外到内：就是table，tr，td

table用来定义表格的标签

tr用于定义表格中的行，必须嵌套在table里

td用于定义表格中的单元格，必须嵌套在tr里

如果第一行的单元格属于一个大类，一般用th这个表头单元格标签替换td

th的特点：里面的内容加粗居中显示

2.表格属性

加在table后面

align表示该表格在哪里，有三个选择：left，center，right

border表示是否有边框，有两个选择：默认为""，没有边框；"1"，有边框

cellpadding：单元边沿与其内容之间的空白

cellspaceing：单元格之间的空白

width：表格的宽度

3.表格结构标签

加在table里面

thead用于定义表格的头部，内部必须有tr，一般位于第一行

tbody用于定义表格的主体

框架：

<table>

        <thead>

        ……

        </thead>

        <tbody>

        ……

        </tdody>

</table>

八.列表标签

1.无序列表（前面带一个黑点）

格式：

<ul>

        <li></li>

        ……

        <li></li>

</ul>

注意：不能在ul加其他非li标签，要加只能加到li里面

2.有序列表（前面带1234标号）

格式：

<ol>

        <li></li>

        ……

        <li></li>

</ol>

注意：不能在ol加其他非li标签，要加只能加到li里面

3.自定义列表（一般用在页面最底下）

格式：

<dl>

        <dt>名词1</dt>

        <dd>名词1解释1</dd>

        <dd>名词1解释2</dd>

</dl>

注意：不能在dl加其他非dt,dd标签，要加只能加到dt和dd里面，一般都是一个dt对多个dd

九.表单

表单的目的就是为了填写信息

三个部分：表单域，表单控件，提示信息

表单域有<form></form>确定范围

表单控件有input，select，textarea

1.input

格式：<input type="属性">

type属性：

text——文本框

radio——单选按钮（小圆圈）

checkbox——复选框（小方框）

password——密码框

hidden——定义隐藏的输入字段

button——可点击按钮

reset——重置按钮

submit——提交按钮

name属性：

对于单选按钮必须要用相同的name（name="sex"）

value属性：

默认没输入的时候就显示的文字(value="请输入用户名")

checked属性：

首次加载进来后默认勾选某一个（checked="checked"）

maxlength属性：

文本框最多可以输入多少个长度(maxlength="6")

label标签：增加可点击范围

格式：<label for="名字">  ……</label>，对应的表单控件添加id="名字"

例如：<label for="sex">男</label>

<input type="radio" name="sex" id="sex" />

2.select下拉表单

格式：

<select>

        <option>……</option>

        <option>……</option>

</select>

给option里面加上selected可以自动默认选择某一个

例如：<option selected="selected">火星</option>

3.textarea文本域

格式：

<textarea rows="" cols="">

文本内容

</textarea>

注：如果不够了，会添加滚动条可以继续填写