初学前端
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+/
所有的连在一起的空格和换行都只会被解析成一个空格
--转义字符 空格 < < > > © 版权符
<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>