初学前端

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>

posted on 2019-05-28 08:09  会飞的土豆呀  阅读(72)  评论(0编辑  收藏  举报

导航