address code pre ul-li div table

来源：互联网发布：teamviewer linux 使用编辑：程序博客网时间：2024/05/22 13:57

1.address默认斜体

当代码为一行代码时，你就可以使用<code>标签了，如下面例子：

<code>var i=i+300;</code>

注意：在文章中一般如果要插入多行代码时不能使用<code>标签了。

语法：

<code>代码语言</code>

注：如果是多行代码，可以使用<pre>标签。

3.<pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。

ul-li是没有前后顺序的信息列表。

语法：

<ul>  <li>信息</li>  <li>信息</li>   ......</ul>

5.<ol>在网页中显示的默认样式一般为：每项<li>前都自带一个序号，序号默认从1开始，如下图所示：

<ol>   <li>前端开发面试心法 </li>   <li>零基础学习html</li>   <li>JavaScript全攻略</li></ol>
6.div

7.

创建表格的四个元素：
table、tbody、tr、th、td
1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。
2、<tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。
3、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
4、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
5、<th>…</th>：表格的头部的一个单元格，表格表头。
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>认识table表标签</title></head><body><table>  <tbody>    <tr>      <th>班级</th>      <th>学生数</th>      <th>平均成绩</th>    </tr>    <tr>      <td>一班</td>      <td>30</td>      <td>89</td>    </tr>    <tr>      <td>二班</td>      <td>35</td>      <td>85</td>    </tr>    <tr>        <td>三班</td>        <td>32</td>        <td>80</td>    </tr></tbody>

加上下面这css样式表格就有了上面的效果

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>为表格添加边框</title><style type="text/css">table tr td,th{border:1px solid #000;}</style></head>

0 0