最全HTML标签属性

HTML的固定格式

<!DOCTYPE html>
<html lang = "en">
<head>
    <meat charset = "UTF-8">
    <title> </title>
</head>
<body>
</body>
</html>

详细标签属性

  • 七个标题

    <h1></h1>
  • 换行(一段文字结尾后)

    <p></p>
  • 强制换行

    <br>
  • 分割线

    <hr>
  • 插入图片,定义了宽,高和边框的大小

    <img src = "图片路径" width = "宽度" height = "高度" alt = "当路径无效,则输出本段内容" title = "悬停显示内容>
  • 将文字设为超链接

    <a href = "URL地址" > 文字 </a>
  • 将图片设为超链接

    <a href = "URL地址"><img src = "图片路径"></a>
  • 网页跳转时打开一个新网页

    <a href = "URL地址" target = "_blank">文字</a>
  • 全部超链接都变成同上

    <base target = "_blank">
  • 网页跳转时在当前页面跳转

    <a href = "URL地址" target = "_self">文字</a>
  • 全部的超链接都变成

    <base target = "_self">
  • 超链接到自己其他的网页

    <a href = "网页路径">网页的名称</a>
  • 超链接鼠标悬停时显示的信息

    <a href = "URL地址" title = "显示内容">文字</a>
  • 跳转到其他网页的指定位置

    <a href = "URL地址#xxx" >文字</a>
    <h id = "xxx">标签名</h>
  • 跳转到原本网页的指定位置

    <a href = "#xxx" >文字</a>
    <h id = "xxx">标签名</h>
  • 无须列表

    <ul>
     <li></li>
    </ul>
  • 有序列表

    <ol>
     <li></li>
    </ol>
  • 定义列表

    <dl>
     <dt></dt>
     <dd></dd>
    </dl>
  • 下拉列表

    <select>
     <optgroup lable = "分组名称">
         <option>列表数据</option>
     </optgroup>
    </select>
  • 表格标签

    <table bgcolor = "bleak" border ="1" cellspacing = "1px" width ="px" height ="px" alijn="center">
     <caption>标题居中</caption>
     <tr bgcolor = "white">          
         <td></td>           //tr:行   td:列
     </tr>
    </table>
  • 合并单元格

    <td colspan = "x"></td>   水平合并
    <td rowspan = "x"></td>  垂直合并
  • 表单格式

    <from>
     <表单元素>
    </from>
  • 明文输入框

    <from>
     文字<input type = "text">     
    </from>
  • 加密输入框

    <from>
     文字<input type = "password">
    </from>
  • 换行输入框

    <textarea clos = "宽度" rows = "高度">
     默认内容
    </textarea>
  • 输入框默认值

    <from>
     文字<input type = "password" value = "默认值">
    </from>
  • 输入框聚焦

    <from>
     <lable for = "xxx">文字</lable><input type = "text" id = "xxx">
    </from>
  • 单选框

    <from>
     <input type = "radio" name = "xxx" checked = "checked">文字       //checked 仅能单个默认选项
    </from>
  • 多选框

    <from>
     <input type = "checkbox" checked = "checked">文字                            //checked 可多个默认选项
    </from>
  • 待选列表

    <input type ="text" list ="xxx">
    <datalist id ="xxx">
     <option>待选内容</option>
     <option>待选内容</option>
    </datalist>
  • 普通按钮

    <from>
     <input type = "button" value = "按钮名" onclick = "alert (显示内容)">
    </from>
  • 图片按钮

    <from>
     <input type = "image" src = "图片地址" onclick = "alert (显示内容)">
    </from>
  • 重置按钮

    <from>
     <input type = "reset" value = "按钮名">
    </from>
  • 提交按钮

    <from>
     <input type = "submit">
    </from>
  • 必填按钮

    <from>
     <input type ="submit" required>
    </from>
  • 隐藏域按钮

    <from>
     <input type = "hidden" name = "xxx" value = "xxx">
    </from>
  • 表单边框

    <from>
     <fieldset>
         <legend>边框内容</legend>
         框内内容
     </fieldset>
    </from>

常用字符实体

&nbsp       空格符号
&copy       版权符号
&lt         小于符号
&gt         大于符号

代替被遗弃的标签

  • strong语义:定义重要性强调的文字
    <strong>文字</strong>
  • ins语义:定义插入的文字
    <ins>文字</ins>
  • em语义:定义强调的文字
    <em>文字</em>
  • del语义:定义被删除的文字
    <del>文字</del>

文章作者:Torres-圣君
文章链接:http://www.cjlblog.vip/posts/28ba7b8d.html
版权声明:本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Torres-圣君


  转载请注明: Torres-圣君 最全HTML标签属性

评论
  目录