html

最新推荐文章于 2024-11-03 19:27:37 发布

可乐前端

最新推荐文章于 2024-11-03 19:27:37 发布

阅读量185

点赞数

文章标签： html

本文链接：https://blog.csdn.net/yy020604/article/details/109707343

版权

html

结构：
<html> <head> <title></title> <meta charset="utf-8" /> </head> <body> </body> </html>

1-块标签：div、p、h1~h6、ul>li、ol>li、dl、table、tr、hr/、th、td、from
2-行内标签：span、a、i、b、strong、br/、sub、sup、em
3-行内块标签：input、img、select、button、textarea
行内块标签、行内标签转块标签：display：block；
块标签、行内块标签转行内标签：display：inline；
块标签、行内标签转行内块标签：display：inline-block；
一块元素的含义：
1、块标签在不加任何样式的情况下，其他标签跟在它后面标签会自动换行到下一行，不管宽高多宽，块标签都会独占一行。
2、设置宽高有效不设置width（宽）充满自己的父级、不设置高度由内容撑开。
3、对所有css样式都生效
二行内元素的含义：
1.在网页中行内元素会在一行排列，内容只能由文字或者嵌套行内元素标签
2.行内元素设置宽高无效、宽高往往由内容撑开，当内容在一行排列不下时自动换行
3.在html文档中相邻行内元素会识别代码换行会造成行内元素之间带有间距
4.行内元素对自己盒模型中的margin水平方向生效垂直方向不生效对padding水平垂直都生效。
三行内块元素的含义：
1.在一行显示的块标签也就是把块元素的一部分特征和行内元素的特征结合在一起。
2.同类元素在一行显示可设宽高
3.解析代码中的换行使标签之间有半个字体间距。

列表
无序列表			有序列表					自定义列表
<ul>					<ol>							<dl>
	<li></li>				<li></li>						<dt></dt>
	<li></li>				<li></li>						<dd></dd>
</ul>					</ol>							</dl>

li可以写多个
无序列表默认样式黑色圆点
去除默认样式 list-style:none;
有序列表的默认样式数字

i标签是定义字体斜体的标签
b标签是定义字体粗体字标签
span标签纯文本标签
p是段落标签
<br/>是一个换行也是单标签
h1~h6标签h1~h6标题标签 h1最大，h6最小
<a href="超链接的位置" ><a/>超链接
<img src="图片路径" alt="在不显示图片的情况下显示alt"不显示图片的问题有“图片路径错误”，“或没有此图片”，“或没有网络的情况下”
caption表格的标题
th表格的头部（自带加粗，居中）
tr表格的行标签
td表格的单元格标签