-
1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。
2、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。
3、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。
4、<th>…</th>:表格的头部的一个单元格,表格表头。
5、表格中列的个数,取决于一行中数据单元格的个数。
6、border属性可以为表格添加边框,属性值为数字。
注意:
1、table标签用来定义整个表格,为双标签,必须有结束标签。
2、table标签里面可以放caption标签和tr标签。
3、caption标签用来定义表格的标题。
4、tr标签用来设置表格的行,tr里面只能放th或者td标签,一组tr标签代表一行。
5、th用来设置表格的标题,会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。
6、td同来设置表格的列,一组td标签代表一列。
7、table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的
查看全部 -
1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。
2、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。
3、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。
4、<th>…</th>:表格的头部的一个单元格,表格表头。
5、表格中列的个数,取决于一行中数据单元格的个数。
6、border属性可以为表格添加边框,属性值为数字。
注意:
1、table标签用来定义整个表格,为双标签,必须有结束标签。
2、table标签里面可以放caption标签和tr标签。
3、caption标签用来定义表格的标题。
4、tr标签用来设置表格的行,tr里面只能放th或者td标签,一组tr标签代表一行。
5、th用来设置表格的标题,会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。
6、td同来设置表格的列,一组td标签代表一列。
7、table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的
查看全部 -
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>了不起的盖茨比</title>
</head>
<body>
<!-- 标题标签 -->
<h1>了不起的盖茨比</h1>
<!-- 段落标签 -->
<p>1922年的春天,一个想要成名名叫尼克•卡拉威(托比•马奎尔Tobey Maguire 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,股票飞涨的时代。为了追寻他的<span>美国梦</span>,他搬入纽约附近一海湾居住。</p>
<!-- 段落标签 -->
<p>菲茨杰拉德,二十世纪美国文学巨擘之一,兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌,其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
</body>
</html>
查看全部 -
1. <!DOCTYPE html>:文档类型声明,表示该文件为 HTML5文件。<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前
2. <html></html>标签对:<html>标签位于HTML文档的最前面,用来标识HTML文档的开始;</html>标签位于HTML文档的最后面,用来标识HTML 文档的结束;这两个标签对成对存在,中间的部分是文档的头部和主题。
3.<head></head>标签对:标签包含有关HTML文档的信息,可以包含一些辅助性标签。如<title></title>,<link /><meta />,<style></style>,<script></script>等,但是浏览器除了会在标题栏显示<title>元素的内容外,不会向用户显示head元素内的其他任何内容。
4.<body></body>标签对:它是HTML文档的主体部分,在此标签中可以包含<p><h1><br>等众多标签,<body>标签出现在</head>标签之后,且必须在闭标签</html>之前闭合。
查看全部 -
HelloWord查看全部
-
form 表单中的各个标签之间应该有<br>标签,202410查看全部
-
form表单中的条目之间要有<br>标签换行查看全部
-
index.html查看全部
-
被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。
查看全部 -
hello words查看全部
-
横轴排列:justify-content
flex-start 左
flex-end 右
center 居中
space-between 两端对齐,项目间隔相同
space-around 不贴边,项目左右两边间隔相同
查看全部 -
层模型Layer:
position:absolute 绝对定位
position:relative 相对定位
position:fixed 固定定位
查看全部 -
布局模型:
Flow流动模型flow
Float浮动模型float
Layer层模型layer
查看全部 -
边框border:
实心solid
虚线dashed
点线dotted
查看全部 -
转换元素:display
display:bolck; 块:独占一行,元素的高度、宽度、行高以及顶和底边距都可设置。
display:inline;内联:多元素一行,元素的高度、宽度、行高以及顶和底边距不可设置。
display:inline-block;内联块:和内联元素一行,元素的高度、宽度、行高以及顶和底边距都可设置。
display:none;隐藏元素
查看全部 -
块级元素独占一行:<div>、 <p>、<h1>、<form>、<ul> 和 <li>等;
内联元素转化为块级元素,display:block,后可定义高、宽、行高、顶、底边距
<a display:block; >
查看全部
举报