前端知识碎片整理(三)

好久没用记事本写网页,今天用记事本编辑了一个,然后……乱码了
解决办法
用记事本打开——另存为——将下方的编码手动改成utf-8——保存


ul-li标签完成列表,ul-li是没有前后顺序的信息列表。

<ul>
<li>一、努力</li>
<li>二、努力</li>
<li>三、再努力</li>
</ul>

效果如图:
前端知识碎片整理(三)
ol-li标签完成列表,ol是有序列表。

<ol>
<li>努力</li>
<li>努力</li>
<li>再努力</li>
</ol>

效果如图:
前端知识碎片整理(三)
认识div
<div>确定逻辑部分
<div id="版块名称">…</div>为div设置id标识

表格的四个元素:
table、tbody、tr、th、td
<table>…</table>:整个表格以<table>标记开始、</table>标记结束。
<tbody>…</tbody>: tbody包含行的内容下载完优先显示,不必等待表格结束后在显示,同时如果表格很长,用tbody分段,可以一部分一部分地显示。
<tr>…</tr>:表格的一行。
<td>…</td><td>...</td>的对数对应几列。
<th>…</th>:表格表头。
给表格加样式:(加到<head>标签中)

<style type="text/css">
table tr td,th{border:1px solid #FFFFFF;}
</style>

<caption>标题</caption>表格的标题
<table summary="文本">表格的摘要,增强语义化