HTML 常用标签

作者: 不7而遇_ | 来源:发表于2018-08-28 10:41 被阅读4次

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 来控制大小

相关文章

  • html入门级常用标签

    html入门级常用标签 html的格式规范 html中常用的标签 html中常用标签有a、form、input、b...

  • HTML笔记-- 其他常用标签

    HTML笔记-- 其他常用标签 标签(空格分隔): HTML html中其他常用标签: b:加粗 s:删除线 u:...

  • HTML常用标签

    HTML常用标签 一、常用标签 1.iframe标签 标签用于嵌套页面。 常用属性 ...

  • CSS课程1

    HTML常见标签 HTML常用标签的重要属性

  • HTML常用标签总结

    HTML 常用的标签 在讲HTML常用标签之前,我们先认识下HTML。 HTML,超文本标记语言(英语:Hyper...

  • HTML常用标签总结

    HTML常用的标签 在讲HTML常用标签之前,我们先认识下HTML。 HTML,超文本标记语言(英语:HyperT...

  • 2019-08-09

    html常用标签及标签特点

  • CSS 和HTML注意事项

    目录 HTML常用标签 CSS使用规范 HTML常用标签 /可以单独或者配合ul ol标签使用/ CSS使用规范...

  • HTML标签

    HTML标签一览 这个部分就介绍一些常用标签。 那么Html标签一览就到这里... Html常用的标签就这些了,这...

  • HTML笔记-文字标签和注释标签

    HTML笔记-文字标签和注释标签 标签(空格分隔): HTML HTML中常用的标签 文字标签: 修改文字的样式 ...

网友评论

    本文标题:HTML 常用标签

    本文链接:https://www.haomeiwen.com/subject/euffwftx.html