标签
超链接标签
* 链接资源
<a href="链接到资源的路径">显示的内容</a>
href: 链接的资源位置
target: 设置打开方式
- _blank: 在新窗口打开
- _self: 在当前页面打开 默认
当不需要到任何地址时,用#占位
* 定位资源
如果想要定位资源:定义一个位置
<a name="top">顶部</a>
回到这个位置:
<a name="#top">回到顶部</a>
引入一个标签:pre 原样输出
表格标签
* 表格
<table> 表格 <tr> 行 <td> 列 <td>换成<th> 加粗居中 <caption>标题
border:表格线
bordercolor:表格线的颜色
cellspacing:单元格之间的距离
align:显示方式 center right left
* 操作
合并单元格
rowspan 跨行
colspan 跨列
表单标签
* 提交数据到服务器,可以用表单实现
* <form></form>:定义一个表单的范围
** action:提交到地址,默认提交到当前页面
** method:表单提交方式
- 常用的两种:get和post,默认是get请求
- 区别:1、get请求地址栏会携带提交的数据,post不会
2、get请求安全级别较低,post较高
3、get请求数据大小有限制,post没有
- enctype:作文件上传时需要设置这个属性
* 输入项:可以输入内容和选择内容的部分,必须要有那么属性才能提交数据
** 普通输入项:<input type="text"/>
** 密码输入项:<input type="password"/>
** 单选输入项:<input type="radio" name=""/>
- name属性值必须一样
- checked = “checked” 默认选择
** 复选输入项:<input type="checkbox" name=""/>
- name属性值必须相同
- checked = “checked” 默认选择
** 文件输入项:<input type="file"/>
** 下拉输入项(不在input标签内)
<select name=""> <option value="1991">1991</option> <option value="1992">1992</option> <option value="1993">1993</option> </select>
- selected = "selected" 默认选择
** 文本域
<textarea cols="10" rows="10"></textarea>
** 隐藏项(不会显示在页面上,但是存在于html代码里面)
<input type="hidden"/>
** 提交按钮
<input type="submit" value="提交"/>
** 图片提交
<input type="image" src="路径"/>
** 重置按钮(回到输入项初始状态)
<input type="reset"/>
** 普通按钮(和js一起使用)
<input type="button" value=""/>
其他标签
b:加粗
s:删除线
u:下划线
i:斜体
pre:原样输出
sub:下标
sup:上标
p:段落标签 比<br>标签多空一行
div:自动换行
span:在一行显示
html头标签的使用
* html两部分组成 head和body
* head里面的标签就叫头标签
** title标签:表示在标签上显示的内容
** <meta>标签:设置页面的一些相关内容
<meta http-equiv="refresh" content="3;路径"/> 定时跳转
** base标签:超链接的基本设置
<base target="_blank"/>
** link标签:引入外部文件
<link rel="stylesheet" type="text/css" href=“css文件的路径”>

浙公网安备 33010602011771号