2021.7.19今日小结
今天把之前学习的HTML基础和CSS基础重新熟悉了一遍,记了一些之前不熟悉的代码。
书签链接
创建书签<a name="书签名">[文字或者图片]</a>
创建书签<a href="(file_URL)#书签名"></a>
图片热点区域
<img src="图片文件路径" usemap="#map名"/>
<map name="map名">
<area shape="图片热区形状" coords="热区坐标" href="链接地址">
</map>
行内元素有哪些?块级元素有哪些? 空(void)元素有那些?
行内元素:a、b、span、img、input、strong、select、label、em、button、textarea
块级元素:div、ul、li、dl、dt、dd、p、h1-h6、blockquote
空元素:即系没有内容的HTML元素,例如:br、meta、hr、link、input、img
框架
<frameset> <noframes> 浏览器不支持框架结构显示页面! </noframes> <frame src="URL"> </frame> </frameset>
左右分割窗口
<frameset cols="宽度,宽度,*意思是自动使用多余的宽度> <frame src="URL"> </frame> <frame src="URL"> </frame> <frame src="URL"> </frame> ....... </frameset>
上下分割窗口
<frameset rows="高度,高度,*意思是自动使用多余的高度> <frame src="URL"> </frame> <frame src="URL"> </frame> <frame src="URL"> </frame> ....... </frameset>
嵌套分割窗口
<frameset cols="宽度,宽度,*意思是自动使用多余的宽度> <frame src="URL"> </frame> <frame src="URL"> </frame> <frame src="URL"> </frame> ....... <frameset rows="宽度,宽度,*意思是自动使用多余的宽度> <frame src="URL"> </frame> <frame src="URL"> </frame> <frame src="URL"> </frame> ....... </frameset> </frameset>
块元素和行内元素的转换
inline 行内元素
block 块元素
inline-block 行内块元素
盒子模型
在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个部分。