今天主要来介绍一下常用到的几个标签,简单但是缺不容忽视
一、a标签
作为超链接的代表老鼻祖,a的属性href(超链接)肯定不陌生。
<a href="https://baike.baidu.com/item/Web/150564">web介绍</a>
//不止是网址 文件路径 甚至是伪协议
然后就是比较容易被遗忘的target属性了,直接上代码:
<a href="https://baike.baidu.com/item/Web/150564" target="_blank">web介绍</a>
//另起一个窗口打开
<a href="https://baike.baidu.com/item/Web/150564" target="_self">web介绍</a>
//在当前的窗口打开
<a href="https://baike.baidu.com/item/Web/150564" target="_top">web介绍</a>
//在顶级窗口打开 和下面区分一下
<a href="https://baike.baidu.com/item/Web/150564" target="_parent">web介绍</a>
//这个是在父级窗口打开
常用的也就如此了,当然还有几个但是这里就不提啦,不过记得使用a标签时候消除一下默认样式哦,当然你不嫌弃它的话另当别论咯🤷♀️
二、table标签
!!来来来 注意一下
经常我们在用到table标签时,会直接进行tr、td的书写,是不是🧐?来,说中的扣个1 (~ ̄▽ ̄)~
好了,进入正题,首先,明确说明,这样是错误滴o( ̄︶ ̄)o
<table>
<thead> //头部
<tr>
<th>ccc</th>
</tr>
</thead>
<tbody> //身体
<tr>
<td>ddd</td>
</tr>
</tbody>
<tfoot> //尾部
<tr>
<td>sss</td>
</tr>
</tfoot>
</table>
正常的结构是这三步,那你肯定会说:“我平时就tr、td,也没见我出啥毛病啊”
( ̄y▽ ̄)╭ Ohohoho.....你放噗,那是人家浏览器给你纠错了好不好😒
三、img标签
(☞゚ヮ゚)☞对了 没错 又是注意!千万别让图片变形!否则<( ‵□′)>───Cε(┬﹏┬)3
这里没什么多介绍的,简单说一下img的响应式吧:
哎嘿😜 一句话:max-width:100% 搞定了
四、form标签
( •_•)>⌐■-■ 它呢 (⌐■_■),主要就是发送一下get或者post请求啦 毕竟叫表单嘛 然后附带刷新一下页面 关于具体交互问题 这里就不提啦。主要看一下autocomplete这个小东西,可以自己试一试,对用户十分友好哦。
五、input标签和button标签
看过来 (⌐■_■) 这俩就说一个典型
<input type="submit" value="ss" />
//在form表单中 想要用input标签提交 必须写type="submit"
<button type="submit">
ss
<img src="xxxxxxx" alt="">
</button>
input不可以在它自身标签里添加别的标签了 但是button可以!
👏欧克啦 看到这里 点个👍咯(✿◕‿◕✿)