HTML与CSS

div区块的居中显示:

  <div id = "main">xxxx</div><style>#main{ width:xxpx;margin: 0px auto;}</style>

设置div区块中文字居中:text-align:center;

文字样式设置:用<span>标签,如:<head> <style>span{color:blue}</style><head><body><span>文本</span></body>

返回顶部:a标签中herf设置为#gotop<a herf="gotop"></a>

文本引用:短文本:<q>引用文本</q>      长文本:<blockquote>引用文本</blockquote>

地址或者邮件地址、签名、文档作者身份:<address></address>

文档中插入代码:<code></code>  多行代码<pre></pre>;PS:<pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。<pre> 标签不只是为显示计算机的源代码时用的,在你需要在网页中预显示格式时都可以使用它,只是<pre>标签的一个常见应用就是用来展示计算机的源代码。

无序列表:<ul><li></li></ul>

有序列表:<ol><li></li></ol>

表格:

1、<table>…</table>:表格以<table>标记开始、</table>标记结束。

2、<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。

3、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。

4、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。

5、<th>…</th>:表格的头部的一个单元格,表格表头。

表格摘要: 语法:<table summary="表格简介文本">它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。

表格标题:<caption>标题文本</caption>用以描述表格内容,标题的显示在表格上方。

超链接:<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>

超链接重新打开一个窗口: target="_blank

图片:<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

posted @ 2015-09-25 23:28  坚持坚持再坚持  阅读(115)  评论(0编辑  收藏  举报