前端知识碎片整理

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="文本">表格的摘要,增强语义化




















以上是关于前端知识碎片整理的主要内容,如果未能解决你的问题,请参考以下文章

小知识-为什么Linux不需要磁盘碎片整理

信息爆炸下, 让碎片化阅读从未如此高效简单,一键整理碎片化知识

整理一波国外前端学习网站

Mysql Innodb 表碎片整理

前端知识碎片笔记

前端工程师必备精选文章50篇:响应式设计CSS动画