前面学的标签都是比较简单的标签,并不需要记住属性。今天打算入手常见的需要属性的标签。
<a> </a>
href:超链接标签,标签中间是链接的名字,标签中href属性内填写url地址。
一定一定要加上http协议,要不然就会这样👇
target: 链接打开的页面是从哪里打开。主要有两种:
_self:默认情况,在链接页跳转
_blank:重新打开一个页面
还有_parent 和_top等一些不常用情况,不展示了。记得带上闭合标签,不然内容被当成同一个链接处理,非常麻烦!
<img>
src:图片来源,可以用url地址放网图,也可以用本地图片,不过本地图片的位置一定要写对。
alt:图片打不开的时候,显示出来的内容。
宽度高度不再解释,但是尺寸不匹配会把原图给拉伸,而不是截取。
<table> </table>
table每个都能表示一张表格,一般只用到border这个属性,默认为0,即表格无边框。通常手动输入1效果最佳。
<tr></tr>是比表格低一级的标签,表示表格中的一行内容。
<th></th> 和 <td></td>是比<tr>..标签中低一级的标签,填写一行中单元格的内容。区别在于<th>作为标题的存在,内容是自动加粗并居中。
在表格和行标签之间还可以再增加一类标签,用于规划每一行。
<thead></thead><tbody></tbody><tfoot></tfoot>
三个类标签作用类似,用于规划表格中一些行所在位置。
<caption> </caption>
和上面三个差不多,无论放在table哪个位置,都可以在表格最上面显示。
表格写到这里还是都很容易理解的,最难的一块就是要处理多个单元格合并成一个单元格的非常规表格问题!
rowspan和colspan属性
1、如果要合并两行或更多行,则将使用rowspan属性。
2、如果要将两个或多个列合并为一个列,将使用colspan属性。
别记混就可以了,操作的时候多预览看看即可!
<form></form>
<input>
input是见到的最多的一种,由于其属性type可以产生很多种input元素的类型。
button:密码框
radio:单选框
checkbox:复选框
text:文本框
除了type,还常用的是value。
对于按钮:规定按钮上的文本
对于图像按钮:传递到脚本的字段的符号结果
对于复选框和单选按钮:定义 input 元素被点击时的结果。
对于隐藏、密码和文本字段:规定元素的默认值。