5.27前端学习第一天 ——html

<!DOCTYPE html>         声明 html  
<html>
<head>            <!--定义网页中的一些基本的信息-->

<meta charset="UTF-8">        !--charset   编码字符集-->

<!--UTF-8 万国码
gb2312   中国标准第2312条 中文,韩文....大部分的亚裔语言(繁体字不支持)
GBK       在上面的基础之上扩展 可以支持繁体字
unicode   使内存变大
UTF-8-->

<title>这是一个标题</title>
</head>
<body>
<table border="1" cellpadding="20" cellspacing="0">
<caption>
<font color="crimson" size="3" />情况一览表</font>
</caption>
<tr align="center" ><b>
<td>姓名</td>
<td>性别</td>
<td>年龄</td>
<td rowspan="2"></td>
</b></tr>
<tr align="center">
<td>张三</td>
<td>男</td>
<td>20</td>
<!--<td></td>-->
</tr >
<tr align="center">
<td>李四</td>
<td colspan="2" rowspan="2">男</td>
<!--<td >20</td>-->
<td></td>
</tr>
<tr align="center">
<td>翠花</td>
<!--<td>女</td>-->
<td>21</td>
<td></td>
</tr>
<tr align="center">
<td>如花</td>
<td>女</td>
<td>19</td>
<td colspan="2"></td>
<!--<td></td>-->
</tr>
<tr align="center">
<td>菜花</td>
<td>女</td>
<td>19</td>
<td></td>
</tr>
</table>
</body>
</html>

补充:

内标签(标记,元素,节点(js中的叫法))

在一行中显示,只有当这一行显示不下的时候才会出现换行
不能设置元素的宽和高,宽和高由内容来撑起来的
行内块标签:在一行中显示,并且可以设置宽和高


块级标签
自己独占一行
可以宽和高

<!--cellpadding 这个是单元格里面的内容距离单元格边框的距离-->
<!--cellspacing 这个是单元格与单元格之间的距离-->
<!--一般情况下设置了这两个属性以后就不会去设置table的width和height-->

!-- 注释的内容
注释是给开发人员看的,不是给用户看的。在浏览器中,碰到注释会跳过,不会去解析他
注释里面不要嵌套注释
-->
<!--注释的快捷键
选择内容 ctrl+/

<!--所有的连在一起的空格和换行都只会被解析成一个空格-->
-->
<!--转义字符
&nbsp; 空格
&lt; <
&gt; >
&copy; 版权符
<br /> 单标签 表示换行

<i>倾斜</i>
<s>删除</s>
<u>下划线</u>
<b>加粗</b>

猜你喜欢

转载自www.cnblogs.com/awei313558148/p/10931962.html