博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML标签
阅读量:7052 次
发布时间:2019-06-28

本文共 1487 字,大约阅读时间需要 4 分钟。

一、标签分类

  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

你可能感兴趣的文章
c#中 ==与equals有什么区别
查看>>
Oracle Group By ROLLUP-SubTotal
查看>>
PHP 正则表达式
查看>>
Computer Graphics Research Software
查看>>
nodejs进阶(2)—函数模块调用
查看>>
java面向对象高级分层实例_BaseDao
查看>>
iOS 从相册中拿到 图片名 ,截取后缀,图片名
查看>>
linux+nginx+tomcat负载均衡,实现session同步
查看>>
初始JavaScript Promises之二
查看>>
Linear Regression and Gradient Descent
查看>>
python 面向对象
查看>>
通过mycat实现mysql的读写分离
查看>>
RMAN数据库恢复之对数据库进行完全介质恢复
查看>>
linux reboot命令
查看>>
Python之路--Python基础4--内置函数
查看>>
霍布斯:人对人像狼一样
查看>>
typedef和#define的区别
查看>>
if else和switch的效率
查看>>
Linux下C结构体初始化
查看>>
CodeForces 1082B
查看>>