$ 2022.8.1 $
学习进度 $ : $
$ html \space (下) \ 28:00 $ 知识点讲解完毕
表格
提及技巧 : "!" 之后 tab 三遍到 <body> 里面
例子 :
<body>
<table> // table 表示表格的样式
<caption>成绩单</caption> // 作为表格的标题 , 可删 , 我觉得就是一种习惯
<thead> //定义一组列头的行
<tr> //定义表格中 "行" , 也就是涉及到行的出现要加 <tr>
<th>姓名</th> // 注意是 "th" , 表示表头单元格
<th>数学</th>
<th>语文</th>
<th>英语</th>
</tr>
</thead>
<tbody> //定义了一组数据行
<tr>
<td>yxc</td> // 注意是 <td> 表示带有数据的单元格 , 我实验之后感觉与 <th >不同的只有 <th> 会加粗 , "表示" 这是 表头 , <td> 不会加粗 , "表示"数据
<td>100</td>
<td>90</td>
<td>80</td>
//注意这一行是按这个顺序的 , 100 , 90 , 80
</tr>
</tbody>
</table>
</body>
其实在这里实验了一下 , <thead> 与 <tbody> 交换一下在表面上并会发生变换.
应该是自己对 <> 标签的理解不够 ( y总后面说方便搜索引擎解析页面和程序员阅读 )
语意标签
y总的意思是替代一部分 div 代码 , 使得标签更加简洁 , 更加具有实际意义
比如 <div class="header"></div> 和 <header></header> 是等价的
放上 y总 上课举的例子
<body>
<header>
<h1> 我的收藏夹</h1>
<nav>
<ul>
<li><a href="exasd.html"> 联系我 </a> <br /> </li>
<li><a href="exsd.html"> 关于我 </a> <br /></li>
<li><a href="easd.html">我的个人信息</a><br /></li>
</ul>
</nav>
<hr />
</header>
<secton>
<figure>
<img width="200" src="imgs/logo.png" />
<figcaption style="500"> logo </figcaption>
<img width="200" src="imgs/mountain.png" />
<figcaption style="500"> 大山 </figcaption>
</figure>
</secton>
<hr />
<h1> 文章 </h1>
<secton>
<arcticle>
<h3> 背影 </h3>
<p> 背影背影背影背影背影背影背影,背影背影背影背影背影背影背影 </p>
</arcticle>
<arcticle>
<h3> 故乡 </h3>
<p> 故乡故乡故乡故乡故乡故乡故乡故乡 </p>
<p> 故乡故乡故乡故乡故乡故乡故乡故乡 </p>
</arcticle>
</secton>
<hr />
<footer>
©我是高手
</footer>
</body>
<hr> 是 分割线
<figcaption> 和 <figure> 配合 , 是给图片的下面配上文字
就感觉是一种人为规定的随性 , 你认为它是 <header> 就是 <header> , 认为它是 <nav> 就是 <nav>
也就是标签的互换 , 不影响我们看到的视觉效果 , 但 y 总说这些标签是为了搜索引擎解析页面和方便程序员阅读
特殊符号
直接查表吧