——常用标签
字体标签:
<font> </font>
size:范围1 ~ 7,当超出最大值,默认为7。
color:两种表示方式,1、英文单词 red green black等,2、十六进制表示方法,第一位为#,每两位表示一个颜色。
标题标签:
h1 ~ h6
<h1> </h1>
从h1到h6,大小为从小到大,是行级元素。
水平线标签:
<hr />
size:表示水平线粗细。
color:表示水平线颜色。
特殊字符:
< <
> >
空格
& amp;
© &cpy;
列表标签:
定义列表:
<dl> </dl>
<dt> </dt>:标题
<dd> </dd>:列表
有序列表:
<ol> <li> </li> </ol>
type:1、a、i
无序列表:
<ul> <li> </li> </ul>
type:空心圆circle、实心圆disc、实心正方形square、默认disc。
图片标签:
<img src="URL" />
width:图片的宽度。
height:图片的高度。
alt:图片上显示的文字,当图片正常显示时,鼠标移入显示文字,当图片非正常显示时,则显示该文字。
超链接标签:
<a> </a>
链接资源:
<a href="连接到资源的路径">显示在页面上的内容</a>
href:链接的资源地址
target:设置打开方式,默认在当前页打开。
_blank:在新窗口打开。
_self:在当前页打开(默认)。
当href不设置值时,需要加一个占位符“#”。
定位资源:
如果想要进行定位,则需要先定义一个锚点:
<a name="top">顶部</a>
回到锚点:
<a href="#top">回到顶部</a>
原样输出:
<pre> </pre>
表格标签:
对数据进行格式化,使数据显示更加清晰。
<table> </table>
border:表格线粗细。
bordercolor:表格线颜色。
cellspacing:单元格线间隙。
width:表格宽。
height:表格高。
<tr> </tr>
align:center、left、right
<td> </td>
<th> </th>
自动加粗、居中。
<caption> </caption>
标题标签。
合并单元格:
rowspan:合并行
colspan:合并列
表单标签:
可以将数据提交到服务器。
<form> </form>:定义一个表单的范围。
输入项:可以输入内容或者选择内容的部分。
大部分输入项可以使用input标签进行封装。
<input type="输入项的类型" />
type:
text:普通文本框。
password:密码框。
radio:单选框。
必须有name属性和value属性,并且name值必须相同。
默认值:checked="checked",表示默认选中。
checkbox:复选框
必须有name属性和value属性,并且name值必须相同。
默认值:checked="checked",表示默认选中。
file:文件上传
button:普通按钮
submit:提交按钮
提交时如果表单元素没有name值,则无法提交。
reset:重置按钮
下拉框:
<select>
<option></option>
<option></option>
</select>
select必须有那么,option必须有value。
默认值:selected="selected",表示默认选中。
multiple:将所有的option全部显示。
文本域:
<textarea></textarea>
col:列
row:行
隐藏项:
不会显示在页面上,但是存在于HTML代码中。
<input type="hidden" />
form表单中的属性:
action:提交地址,如果不写,则默认提交到当前页面。
method:提交方式
常用的方式:get和post,默认get请求。
面试题:
get请求和post请求的区别:
get请求地址栏会显示提交的数据,而post不会携带。
get请求不安全,post请求安全性较高。
get请求有数据大小的限制,而post请求数据大小无限制,文件上传需要post请求。
enctype:
一般请求不需要这个属性,做文件上传时需要这个属性。
使用图片作为提交按钮:
<input type="image" src="图片路径" />
HTML中其他标签的使用:
<b>:加粗
<s>:删除
<u>:下划线
<i>:斜体
<pre>:原样输出
<sup>:上标
<sub>:下标
<p>:段落标签
<div>:行级元素
<span>:块级元素
头标签:
<head> </head>
<title>:网页标题
<base>:为页面上的所有链接规定标题栏显示的内容和默认地址或默认目标。(target属性)
如果没有base标签,则相对路径以当前文件开始,绝对路径根据指定路径进行访问。
<link>:定义文档与外部资源的关系。
<meta>:可以提供有关页面的基本信息。
框架标签:
<frameset> </frameset>
rows:按行划分。
<frameset rows="80,*"> //将页面划分为两行,第一行的值是80,其余为第二行。
cols:
<frameset cols="80,*" > //将页面划分文两列,第一列的值是80,其余为第二列。
<frame> </frame>
显示具体页面。
<frame name="页面名称" src="页面路径">
当使用框架标签时,标签不能写在body中,使用了框架标签时,需要把body标签删除。
如果点击左边的超链接想要让内容显示在右边的页面中,可以将超链接的target的值设置为右边frame的name值。
——路径
绝对路径:
从根路径开始,完整的路径。
相对路径:
一个文件相对于另外一个文件的位置。
三种写法:
在同一目录下:直接写文件名称。
图片在当前HTML文件的下层目录:从当前目录开始精确到图片文件。
图片在当前HTML文件的上层目录:一个../就表示一个上层目录,两层目录用../../表示。