Html
Html结构
<html>
<head>
<title> </title>
</head>
<body>
</body>
</html>
html结构解释:
<html></html>
:用来显示页面信息
<head></head>
:设置网页和其他信息
<body></body>
:设计文件格式内文所在
<title></title>
:显示头部信息
常见标签的使用
标题标签:<h1></h1> --> <h6></h6>
(显示字幕越来越小)
文字粗体标签:<b>
文字斜体标签:<i>
下划线标签:<u>
换行标签:<br>
段落标签:<p>
字体标签:<font color=”” size=”” face=””></font>
- color:用来设置字体的颜色
- size:设置字体的大小,取值范围是1-7
- face:设置字体的样式
水平分割线:<hr>
html特殊字符
符号 | 键盘 | 代码表示方式 |
---|---|---|
空格 | | |
< | 小于号 | < |
> | 大于号 | > |
& | 和号 | & |
“ | 引号 | " |
‘ | 撇号 | &spos; |
html文字列表标签:
-
有序列表:
属性: start 从?开始,默认是1 type A, a, I, i, 1 默认是1
子标签:<li></li>
-
无序列表:
<ul></ul>
属性: type 空心圆circle, 实心圆disc, 实心方块square, 默认是disc
子标签:<li></li>
-
自定义列表:dl
字标签:dt(定义语) dd(定义说明)
-
图片标签:
<img>
属性: src 图片的位置 height 高度 width 宽度 alt 当图片不显示的时候,给出的提示 title 将鼠标放在图片上给出的提示
-
超链接标签:
<a>
属性: href 提示链接的地址 target 打开方式 _blank在一个新的页面打开链接
锚链接:
例如: 定义锚点:```<a name=”锚点名”></a>```
使用锚点:```<a href=”#锚点名”>返回***</a>```
-
表格标签:
<table></table>
属性: border 表格的边框 默认是0 width 表格的宽度 height 表格的高度 align 水平位置 left, center, right 子标签:caption 表格的标题
-
tr 表格的行标签
子标签:th 标题列标签,加粗并居中 td 每一行的列标签,单元格,默认是居左 表格边框设置: border 表格的外边框粗细 cellspacing 表格的内边框粗细,单元格之间的间距 cellpadding 设置文字到单元格的距离 表格相关颜色的设置: bordercolor 边框颜色 bgcolor 背景颜色 表格的内容的位置设置:align 文字的水平位置 left, center, right valign 文字的垂直位置 top, middle, bottom 表格中单元格的合并: colspan 列合并 rowspan 行合并
-
Html中表单
表单标签:```<form></form>``` 属性: action 表单提交的目的地 Method 表单提交的方式 post, get
-
子标签
<input>
属性: type 表单元素的类型,默认是文本框类型(text)
-
文本框:
type="text" 表示这是一个文本框 name="username" 将来用于服务器取值使用 id="username" 将来用于js获取值使用 size="40" 用于控制文本框的长度,后面的值表示的是:能存储的字符的个数 value="请在这里输入用户名" 是文本框的默认值,一般用于提示。 readonly="readonly" 是标记属性,告诉文本框我是只读的。本身没有值, 但是为了符合新的规范,属性必须有值,所以, 我们就把它的值和属性设置为一样的。可以通过表单提 交获得到值 disabled=”disabled” 把当前文本框变成灰色,不能修改只能看,不能通过表单 来获得到值的
-
隐藏域:type=”hidden”, 要设置name和value
-
密码框:
type="password" 表示这是一个密码框 name="password" 将来用于服务器取值使用 id="password" 将来用于js获取值使用 size="40" 用于控制密码框的长度 value="admin" 默认密码 readonly="readonly" 是标记属性
-
单选框:
type="radio" 表示这是一个单选框 name="sex" 将来用于服务器取值使用 注意:如果多个单选按钮时互斥关系,那么,就必须把这多个按钮看做一个按钮组。一个按钮组的名字必须是一致的。 id="man" 将来用于js获取值使用 value="男" 将来服务器真正获取到的值 checked="checked" 是标记属性,表示已经选中
-
复选框:
type="checkbox" 表示这是一个复选框 name="likes" 将来用于服务器取值使用 注意:这里的name如果不一样,那么,有多少个复选框,将来服务器就要获取多少次值。然后判断值是否是null,不是null才把值给存储起来。如果这里的name值一样,在服务器只需要获取一次即可,这次获取的返回值是一个 字符串数组,把所有选中的都直接包含了。 string getValue(String name) 根据名字获取单个值 string[] getValues(String name) 根据名字获取数组 id="sleep" 将来用于js获取值使用 value="睡觉" 将来服务器真正获取到的值 checked="checked" 是标记属性(是默认选中)
-
文件框:
type=“file” 表示这是一个文件框
name=“file” 将来用于服务器取值使用
id=“file” 将来用于js获取值使用 -
按钮:
type="button" 表示这是一个按钮 type="submit" 表示这是一个提交按钮,内置了js事件 type="reset" 表示这是一个重置按钮,内置了js事件 value:表示按钮上面的信息,给用户看的 name:后台也是可以拿到的 注意: 下拉框和文本域不是input的type属性能够决定的。select 标签 name="province" 将来用于服务器取值使用 id="province" 将来用于js获取值使用 (子标签)|--option 标签 value="湖北省" 服务器实际获取的值 selected="selected" 默认选中项 multiple:把select标签展开,可以多选 size="6":设置select展开的行数
-
textarea 标签
cols="40" 列数 rows="10" 行数 name="myself" 将来用于服务器取值使用 id="myself" 将来用于js获取值使用 不具有value的属性,值写在元素中间
-
html框架集(body和框架集标签不能同时使用)
框架集标签:frameset 属性: row 行分割 cols 列分割 字标签: frame 属性: src 指定要嵌入的页面 noresize=”noresize”可以阻止border拖拽 name 用来指定展示的内容所在的frame