美文网首页
HTML常见标签学习

HTML常见标签学习

作者: 大笑_876c | 来源:发表于2018-03-27 18:21 被阅读0次

    关于表格的HTML标签的介绍

                <table>表示一个表格,<tr>表示表格的一行,<td>表示表格一行中的一个单元格,<th>和<td>一样,只不过<th>标签让内容居中并加粗,常用语表示表头的信息

                <thead>表示表格第一行表头。

                <tfoot>表示表格最底部一行。

    关于超链接的HTML标签介绍

                <a>表示超链接。

                <a herf='http://www.baidu.com'>链接</a>                href属性表示点击超链接跳转到哪个地方。

                herf属性的其它写法

                    1. herf='//qq.com'        无协议绝对地址,自动继承协议

                     2.herf='xxx.html'          相对地址

                     3.herf='?name=dog'  会自动在当前页面地址尾部加上查询参数,并发起请求

                     4.herf='#xxx'                当前页面内锚点跳转,不会发起请求

                     5.herf='javascript: alert(1);'        伪协议,会运行一段代码

                      6.herf='javascript:;'       不会发起请求,点击后什么也不做

                      7.herf='#'                    跳转到当前页面顶部

                      8.herf=''                      会刷新当前页面

                                有些奇葩需求会让做一个点击后无任何反应的超链接,这时候应该用herf='javascript:;'这种方式。

               a标签用于GET请求

    关于表单的HTML标签的介绍

                <form>即表示表单。表单里面可以存放以下类型的元素:       用于POST请求

                如果form标签内没有提交按钮就无法提交。

                例:<input type='submit' value='submit'>

                如果一个form标签里只有一个button标签且没有指定type的值,那么会自动升级为提交按钮。


    其它常用标签

    <button> 用于显示一个按钮

    <code> 用于包裹一段代码内容

    <div> 用于包裹住一些其他的标签,制造一个容器

    <em> 用于强调一些文本内容

    <del> 用于删除一些不需要的文字

    <footer> 用于包裹页面的地步内容

    <form> 用于制作一个表单

    <h1>~<h6> 用于标记标题,从h1到h6重要性依次递减

    <head> 用于包裹页面的元数据,如<meta>,<link> ,<title> 等

    <header> 用于包裹页面的头部内容

    <hr> 用于制造出一条分隔线

    <html> 整个 HTML 文档的根元素,包裹住其他所有的元素

    <iframe>用于嵌入另一个小页面到一个页面中

    <input>用于显示一个表单输入控件

    <label>用于给一个表格输入控件打上一个标签,说明输入控件的作用

    <link>用于链接外部CSS文件

    <mark>用于高亮显示某些文本

    <meta>用于下达一些元数据指令,或者对页面进行说明

    <nav>用于包裹住一个导航条的内容

    <ol>用于制作一个有序列表

    <p>用于显示一个段落

    <q>用于一小段引用文字

    <script>用于一段JavaScript脚本代码,或者引入一个外部JavaScript脚本文件

    <section>用于包裹一部分有逻辑关第的页面内容

    <select>用于制作一个下拉列表选框

    <span>用于包裹住一小段文字,作为一个容器

    <style>用于给页面元素加上样式

    <table>用于制作一个表格

    <tbody>用于表格里的主体部分

    <td>用于表格里的某一个单元格

    <textarea>用于制作一大块文本输入框

    <th>用于表格里的表头的单元格

    <thead>用于表格里的表头

    <tr>用于标记表格里的一行

    <ul>用于制作一个无序列表

    相关文章

      网友评论

          本文标题:HTML常见标签学习

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