前端知识碎片整理
Posted ai2050
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端知识碎片整理相关的知识,希望对你有一定的参考价值。
好久没用记事本写网页,今天用记事本编辑了一个,然后……乱码了
解决办法:
用记事本打开——另存为——将下方的编码手动改成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="文本">
表格的摘要,增强语义化
以上是关于前端知识碎片整理的主要内容,如果未能解决你的问题,请参考以下文章