前端开发 从基础到框架

HTML 常用标签

2018-08-28  本文已影响4人  不7而遇_

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 的属性值必须相同,不同组的属性值必须不同。

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

<input type = "checkbox" disabled = "" />    即使不写属性值 或者只写属性名不写等号的都会不可选择。

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

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

<input type ="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 来控制大小

上一篇 下一篇

猜你喜欢

热点阅读