关于新手html的认识 以及对table的基本用法

 
 
1.html语言
<!DOCTYPE html> 声明html
 
<!--双标签-->
<!--<html 属性名="属性值 " 属性名2="属性值2"></html>
<html>
<head> </head>
</html>-->
<!--单标签-->
<!--<meta 属性名="属性值 " 属性名2="属性值2"/>-->
 
 
<meta charset="UTF-8">
charset 编码字符集
UTF-8 万国码
 
gb2312 中国标准第2312条 中文,韩文....大部分的亚裔语言(繁体字不支持
GBK 在上面的基础之上扩展 可以支持繁体字
unicode 使内存变大
UTF-8
 
注释的快捷键
选择内容 ctrl+/
 
 
所有的连在一起的空格和换行都只会被解析成一个空格
 
--转义字符
&nbsp; 空格
&lt; <
&gt; >
&copy; 版权符
 
<br /> 单标签 表示换行
 
行内标签(标记,元素,节点(js中的叫法))
在一行中显示,只有当这一行显示不下的时候才会出现换行
不能设置元素的宽和高,宽和高由内容来撑起来的
行内块标签:在一行中显示,并且可以设置宽和高
<font color="green" size="7">文字标签</font> :对字体进行相关设置、color属性表示颜色、size属性表示大小。
 
<i>:斜体字标签
<s>:删除线标签
<u>:下滑线标签
<b>:加粗标签
 
 
块级标签
自己独占一行
可以宽和高
<div>:表示设置板块的标签
<p>:表示段落的标签
 
 
 
 
 
 
 
 
 
 
 
什么是table标签?
table标签在html语言中代表的是表格
<table> 标签支持 HTML 中的全局属性。
 
1.table的属性
border="n"属性:是对表格中的边框的粗糙进行设置,n代表的是粗细。
witdth="700px" :表示单元格的宽度
height="500" :表示单元格的高度
align="center" :表示对齐方式,center表示居中对齐
<table border="1px" width="700px" height="500px" align="center">
这句话表示的是表格中的边框粗细为1 宽700 高500 居中对齐
2.table中的标签
<caption>我的标题</caption>:表示的是表格中的标题的标签
<tr>:表示行标签
<td>:表示列标签
<p>:段落标签
<ul>:列表标签
<li>:列表标签
<table border="1">
<tr>
<td>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
</td>
<td>这个单元包含一个表格:
<table border="1">
<tr>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>这个单元包含一个列表:
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>菠萝</li>
</ul>
</td>
<td>HELLO</td>
</tr>
</table>
 
 
3.table中标签的属性设置
 
<table border="1px" width="300px" height="200px">
<caption>nine</caption>
<tbody>
<tr align="center">
<td colspan="2">姓名</td>
 
<!--colspan="n" 表示跨列合并单元格,n表示跨的行数-->
<!--<td>年龄</td>-->
<td rowspan="2">身高</td>
<!--rowspan="n" 表示跨行合并单元格,n表示跨的行数-->
 
<td>体重</td>
</tr>
<tr align="center">
<!--align="center" align表示对齐属性,center表示居中对齐,left表示居左对齐,right表示居右对齐-->
<td>11</td>
<td>22</td>
<td>33</td>
<td>44</td>
</tr>
</tbody>
</table>
</body>
原文地址:https://www.cnblogs.com/dudu7329-123456/p/10935429.html