美文网首页
HTML 常用的标签

HTML 常用的标签

作者: 饥人谷_钟蕊灿SUKE | 来源:发表于2018-10-07 22:09 被阅读0次

1.最重要的三个标签(但都可以省略):

<html><head><body>

不过<title></title>不能省略

2.<a>(a标签和form标签都是用来发送请求的,a表爱你是get请求,form标签是post请求)

<a href="http://qq.com" target="_blank">QQ</a>

<a href="http://qq.com" target="_self">QQ</a>

<a href="http://qq.com" target="_parent">QQ</a>

<a href="http://qq.com" target="_top">QQ</a>

<a href='url' download="filename.ext">下载</a> (download)

href支持:

(1)无协议 //qq.com

(2)?nameea

(3)想要a标签但不跳转(什么都不做):javascript伪协议<a href="javascript:;">QQ</a>

3 <form>标签:

用于发送POST请求。

1.如果form没有提交按钮就无法提交form

input有很多type:

input 的属性见:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input

button 的属性见:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/button

如果一个form只有一个按钮(没有type),会自动升级为提交按钮:

<form action="users" method="POST">

  <button>button</button>

   <label for="aaa">用户名</label> <input type="text" name="username" id="aaa">

   <label><input type="password" name="password" id="">密码</label>

   喜欢的水果

   <label><input type="checkbox" name="fruit" id="" value="orange">橘子</label>

   <label><input type="checkbox" name="fruit" id="" value="banana">香蕉</label>爱我

   <input type="radio" name="love" id="" value="yes">爱我

   <input type="radio" name="love" id="" value="no">不爱

   <select name="group" id="" multiple>

     <option value="">-</option>

     <option value="1">第一组</option>

     <option value="2">第二组</option>

     <option value="3" disabled>第三组</option>

     <option value="4" selected>第四组</option>

   </select>

   <textarea name="habit" style="resize:none; width:100px; height:50px;"></textarea>

   <input type="submit" value="提交">

</form>

4. <table>标签

<style>

table{

border-collapse:collapse;

}

</style>

<table border=1>

        <colgroup>

        <col width=100>

        <col width=200>

        <col width=90>   

      </colgroup>

      <thead>

        <tr>

          <th>项目</th>

          <th>姓名</th>

          <th>班级</th>

          <th>分数</th>

        </tr>

      </thead>

      <tbody>

        <tr>

          <th></th><td>小红</td><td>1</td><td>96</td>

        </tr>

        <tr>

          <th></th><td>小明</td><td>2</td><td>95</td>

        </tr>

        <tr>

          <th>平均分</th>

          <td></td>

          <td></td>

          <td>95</td>

        </tr>

      </tbody>

      <tfoot>

        <tr>

          <th>总分</th>

          <td></td>

          <td></td>

          <td>190</td>

        </tr>

      </tfoot>

    </table>

相关文章

  • html入门级常用标签

    html入门级常用标签 html的格式规范 html中常用的标签 html中常用标签有a、form、input、b...

  • HTML笔记-- 其他常用标签

    HTML笔记-- 其他常用标签 标签(空格分隔): HTML html中其他常用标签: b:加粗 s:删除线 u:...

  • CSS课程1

    HTML常见标签 HTML常用标签的重要属性

  • HTML常用标签

    HTML常用标签 一、常用标签 1.iframe标签 标签用于嵌套页面。 常用属性 ...

  • HTML常用标签总结

    HTML 常用的标签 在讲HTML常用标签之前,我们先认识下HTML。 HTML,超文本标记语言(英语:Hyper...

  • HTML常用标签总结

    HTML常用的标签 在讲HTML常用标签之前,我们先认识下HTML。 HTML,超文本标记语言(英语:HyperT...

  • html常用标签

    Html 大纲 html知识目录 什么是网页,网页的注释 网页的结构和标签 常用的标签和标签的属性 html5常用...

  • HTML笔记-文字标签和注释标签

    HTML笔记-文字标签和注释标签 标签(空格分隔): HTML HTML中常用的标签 文字标签: 修改文字的样式 ...

  • css高级

    HTML4 常用标签 HTML5 常用标签 语义化的好处 如何写出更优的 html 标签嵌套 内联元素:不能包含块...

  • HTML标签

    HTML标签一览 这个部分就介绍一些常用标签。 那么Html标签一览就到这里... Html常用的标签就这些了,这...

网友评论

      本文标题:HTML 常用的标签

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