HTML常用标签

228 阅读3分钟

html标签有两种 一种是 单标记 如<br/> 另一种是 双标记 如 <p></p>。

常见对块级(自上而下排列,独占一回,可设宽高)标签

<p></p> 段落标签

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

<div> </div> 容器 常用与给别的元素当父元素(- - 天生就是当爸爸当)

<ul></ul> 无序列表 <ol></ol> 有序列表 <li></li> 有序列表和无序列表的子元素

ul和li

<dl></dl> 自定义列表 <dt></dt> 名词或图片 <dd></dd> 用于解释dt中的内容

dl 和 dt dd

<table> </table> 表格 //过去常用的布局方式 但是现在使用的是 <div></div> + css布局

<a></a> 表示超链接 可以点击 有默认样式 下划线 变色 鼠标状态

<form method = "get /post" target = "_blank / _self" name = "" action =" 表单要提交的地址")></form> 表单 --> 收集用户信息

method = "get / post" --> 指的是表单的提交方式

PS:

get 和 post 的区别 :

1. get 是从服务器获取数据,post 是向服务器提交数据。

2. get 是把参数数据队列提交到表单的action 属性所指的 URL 中 ,在url中可以看到;post是通过http post 机制 ,用户看不到过程

3. get 的传送数据量较小 不能大于 2kb ; post 的传送数据量较大,默认为不受限制

4. get 安全性很低,post安全性较高,但是get 的执行效率比post 好


target 中 _blank --> 新建标签页打开

_self --> 自身打开


常用单标签

<image src = "图片路径"/> 可以设置宽高 如果只设置一个,图片将会等比拉伸。

title 属性 :标题 -- 当鼠标滑倒图片上时当提示信息

alt 属性 : 小提示 -- 图片加载无法正常显示当时候提示


<br/> 换行

<hr/> 分割线

表单元素

<input type = " " / > 是表单中的元素。input的功能由type属性的属性值决定。(行内块标签)

<input type ="checkbox"/> 复选框

<input type ="radio" name =""/> 单选框

单选框的属性 name 必须添加,而且同组name 的属性值必须相同,不同组的属性值必须不同。

选框中的 属性 有 disabled ="disabled" 不可选中的状态

<input type =""checkbox" disable = ""/>

即使不写属性值 或者只写属性名不写等号的都会不可选择。

checked = "checked" --> 默认选择 与disabled写法一致但是不可省略

<input type ="checkbox" checked = "checked" /> 默认选择

<input typr ="submit/button" />

submit 是 提交表单信息给服务器。 button是按钮进行跳转(不可提交) 有默认样式

<input type = "submit" value ="默认值" /> 此时都提交鼠标滑过是箭头哦~ 写出后不添加value属性会有默认值提交两个字

<input type ="reset" />重置表单信息 只可以在 form中使用。

<select>

<option>1</option>

<option> 2</option>

<option>菜单内容可为多个</option>

</select> 表单中的 下拉菜单

有默认大小默认样式

<textarea></textarea> 表达中都的多行文字。用rol 和cow 来控制大小