a标签的用法:
属性:
- href:可以使用来添加跳转链接如(www.baidu.com或者//baidu.com)…
伪协议:
<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中添加下面这样样式)
还可以在代码中添加:
border-spacing:20px每一格的长宽border-collapse: collapse;边框融合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类型:
- text
- color:可以选颜色
- password:写密码不可见
- radio,单选,如性别男女,需要用一个那么控制它们,否则可以双选
- checkbox:多选,可以让checkbox拥有一个名字,便于区分数据
- file:可以提交文件(只能选一个),如果要多选需要添加multiple
- hiddle:看不见,用机器来填写的
textarea:可以拖动的一个方框,可以填写东西, 可以用style控制不让拖动,style="resize:none"
星期一 请选择
**注意:form里面的input都要有name
感想:HTML的常用标签非常非常多,功能也不同,需要好好认真琢磨。