zoukankan      html  css  js  c++  java
  • 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可在输入框中键入光标)

  • 相关阅读:
    python 函数
    python控制流
    python数据类型转换
    python变量
    chardet查看字符串的编码(非常好用)
    python编码转换
    系统、浏览器兼容性测试注意事项
    python数据类型
    Python二进制转十进制算法、十进转二进制算法
    介绍几个C#正则表达式工具
  • 原文地址:https://www.cnblogs.com/Aprilnn/p/9477458.html
Copyright © 2011-2022 走看看