07.23 课堂随笔 学习了相关的标签

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<pre>
html标签
&lt;标签名 属性名1=属性值1 属性名2=属性值2&gt;
内容
&lt;/标签名&gt;

标签的正确嵌套方式;
&lt;标签名 属性名1="属性值1" 属性名2="属性值2"&gt;
&lt;标签名&gt;
内容值
&lt;/标签名&gt;

html注意:
1. 所有的符号都是英文半角
2. 先把标签写完整再写内容
3.注意嵌套的缩进
4.html不区分大小写 默认小写
实体:&nbsp; &实体名称;

table注意; tr代表 行 td代表 单元格 th代表 表头 caption代表 表格标题 table代表 表格
1.表格默认宽度为内容宽度(width) 高度也为内容的高度(height)
2.表格默认边框为0
3.表格的宽度有两个值(数字[px],百分比[父标签])
4.cellpadding表示内边距(单元格内容与边框的距离)
5.cellspacing表示单元格的间距 默认值是2

表格单元格等宽;
利用表格横平竖直的的特性,设置某个单元格的宽高, 他所在的行列都和他等高等宽


bgcolor代表背景颜色 border代表表格的边线

align(水平方向) left
数据靠左
center 数据靠中
right 数据靠右
valign(垂直方向) top 数据靠上
middle 数据靠中
bottom 数据靠下

合并单元格;是td的属性 通过占位实现
colspan;横向合并(向右合并)
rowspan;垂直合并(向下合并)
这两个属性的属性值为数字,数字代表单元格的个数(包含自己)





</pre>
<table border="1px" width="100%;" height="300px;" cellspacing="2" cellpadding="10">
<caption>张浩瞎练习</caption>
<tr>
<th width="30%;" height="50px;">姓名</th>
<th width="70%;">年龄</th>
</tr>
<tr>
<td valign="bottom">张臭臭表示内边距(单元格内容与边框的距离)</td>
<td>20</td>
</tr>
</table>
<!--
<span style="display:inline-block;100px;height:200px;border:1px solidred;valign:middle">内容
</span>
-->

<dl>
<dt>定义名词</dt>
<dt>定义描述</dt>
</dl>
</body>
</html>

原文地址:https://www.cnblogs.com/ZDSGWXS233/p/11269105.html