HTML常用标签

203 阅读3分钟

a标签的用法:

属性:

  伪协议:

                  <a href="javascript:alert(1);"></a>

                  <a href="javascript:alert:;"></a>可以什么都不做,页面没有刷新,什么都没有做

                  <a href="xxx">跳转</a>,<p id="xxx">,则可以跳转到该标签

                  <a href="mailto:邮箱">发送邮件</a>,可以放送邮件

                  <a href="tel:电话号码">,在手机端可以呼出电话界面并填入电话号码

**    a的target:**

                 <a href="https:www.baidu.com" target="_self">百度</a>,在当前页面打开页面

                  <a href="https:www.baidu.com" target="_blank">百度</a>,在新的页面打开

                  <a href="https:www.baidu.com" target="_top">百度</a>,需要在使用

                  <iframe src="另一个页面(顶级页面打开)"></iframe>  可以通过iframe引用另一个页面

                   <a href="https:www.baidu.com" target="_parent">百度</a>可以在父级页面打开

                 

* table:

**                table:包裹表内容**

**                thead:表示表的头部(table head)**

**                tfoot:**表示表的底部

**                tr:表示一行,劈开新的一行**

**                th:**表示表头

**                td:表示表的数据(table data)**

如果是创建一个表头第一个是空的表格:只需在thead里面添加一个空的即可

如果数据不对称?(在head中添加下面这样样式)

    答:` table { table-layout: auto; } `

还可以在代码中添加:

  1. border-spacing:20px   每一格的长宽
  2. border-collapse: collapse; 边框融合
  3. border-spacing:0px   控制格子的距离

如下代码:

效果:

  • img标签:

**       img会发出一个请求,然后再展示一个图片**

**      <img src="dogx.png" alt="一只狗狗" />  src表示图片路径, alt表示图片地址错误时会出现alt里面的内容**

**       不要让图片变形,可以只控制图片的宽度:width="400"**

手机端让图片宽度占满页面:img{max-width:100%}      

****外边距为0:margin:0    内边距为0:padding:0   box-sizing:border-box;

  • form标签,发get或post请求,然后刷新页面:

**      action控制请求那个页面的地址**

**      method控制使用get还是post**

autocomplete="on" 自动填充,在form中添加,而且input中需要添加 name=username

input  type="submit"  value="搞起"  可以修改提交按钮字样

**   target:表示提示提交到那个页面,那个页面应该刷新**

input type="submit"和button type="submit"区别是:input里面不可载有其他东西,button里面还可以有标签的,例如可以添加strong,img等

**表单中必须有一个input或者button的type是submit

input里面还有很多type类型:

  1. text
  2. color:可以选颜色
  3. password:写密码不可见
  4. radio,单选,如性别男女,需要用一个那么控制它们,否则可以双选
  5. checkbox:多选,可以让checkbox拥有一个名字,便于区分数据
  6. file:可以提交文件(只能选一个),如果要多选需要添加multiple
  7. hiddle:看不见,用机器来填写的

textarea:可以拖动的一个方框,可以填写东西, 可以用style控制不让拖动,style="resize:none"

星期一 请选择

**注意:form里面的input都要有name

感想:HTML的常用标签非常非常多,功能也不同,需要好好认真琢磨。