HTML标签

一、标签分类

  1、自闭合标签(可加一个/进行区分)

    如<meta>标签

  2、主动闭合标签

    如<title> </title>标签

  3、块级标签

    如<div>标签

  4、行内(内联标签)

    如<span>标签

  ps:可通过浏览器的"审查元素"功能查看标签是块级标签还是行内标签。

二、 <head>内标签

   1、<meta>

  实现编码,跳转、刷新、关键字在、描述、IE兼容等功能

  • 刷新和跳转

  <meta http-equiv='Refresh',content='5',url='...'>(5秒后刷新及跳转)

  2、<title>

  显示标题

三、body内标签

  1、<input>系列(通过value获取其中的值)

  属性type:

  a 、text文本

  b、password密码

  c、button按钮,可通过onclick等方式实现调用JavaScript函数

  d、submit提交

  e、file可选择并上传文件

  f、radio单选框(默认选择:checked='checked')

    使各选项的name属性相同以实现互斥;

  g、CheckBox复选框(默认选择:checked='checked')

    多选,后台返回的结果是列表;

  h、reset重置

  i、textarea多行文本

    <textarea>(中间可填写默认数据)</textarea>

  j、select下拉框(默认选择:selected='selected')

    <option>选项

    多选:multiple='multiple';

  2、<form>表单标签

  可将<input>系列等标签放入表单中提交

  提交方式:method='post/get',action='...'提交的url

  a、post

    请求内容不在URL中显示,在请求包中;

  b、get

    请求数据在url中;

  3、<a>标签 

  a、href:跳转地址;

  b、target:在target页中打开href(如空白页blank)

  c、锚(实现页面内跳转)

    根据标签id跳转(href='#i1')

四、图片和表格

  1、图片(<img>标签)

  a、<img src='...'>可通过设置样式调整图片大小

  b、可将<img>包含在<a>标签内实现图片链接

  c、img属性:

    title 将鼠标放在图片上显示图片名;

    alt  无图片也可显示东西;

  2、列表  

  a、无序列表

  <ul>

    <li>...</li>

    ...

  </ul>

  b、有序列表  

  

  <ol>

    <li>...</li>

    ...

  </ol>

  3、表格

  a、可通过border属性设置边框;

  b、表头标签<thead>

    行<tr>

    列<th>

  c、内容标签<tbody>

    行<tr>

    列<td>

  d、合并单元格 

    行:<td colspan='2'>

    列:<td rowspan=2'>

五、<label>标签

  将for属性的值设置和input的id属性的值一样可将两者关联起来(点击label可在输入框中键入光标)

原文地址:https://www.cnblogs.com/Aprilnn/p/9477458.html