45fan.com - 路饭网

搜索: 您的位置主页 > 网络频道 > 阅读资讯:前端知识碎片整理(三)

前端知识碎片整理(三)

2019-04-18 08:22:44 来源:www.45fan.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="文本">表格的摘要,增强语义化

 
 

本文地址:http://www.45fan.com/a/question/100406.html
Tags: 知识 碎片 前端
编辑:路饭网
  • 上一篇:云平台 物联网 概念 数据挖掘技术
  • 下一篇:没有了
  • 关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部