2016-9-11 0:58:42
Day3.php->html+css+javascript
<blockquote></blockquote><!--长引用,浏览器对<blockquote>标签的解析是缩进样式-->
<br/><!--回车换行-->
没有html内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有<br/>、<hr/>和<img />
在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入
<br />
 <!--空格-->
<hr/><!--分割线-->
<address>联系地址信息</address>
<code> </code><!--引入一行代码-->
<pre> </pre><!--引入多行代码-->
无序列表: <ul> <li>信息</li> <li>信息</li> ...... </ul> 有序列表:img标签:<ol> <li>信息</li> <li>信息</li> ...... </ol>
容器:
<div></div>创建表格的四个元素:
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>:表格的头部的一个单元格,表格表头。
6、表格中列的个数,取决于一行中数据单元格的个数。
为表格添加边框:
<style type="text/css"> table tr td,th{border:1px solid #000;} </style> 为表格添加摘要简介:为表格增加标题(表格正上方):<table summary="表格简介文本">
<table> <caption>标题文本</caption> <tr> <td>…</td> <td>…</td> … </tr> … </table>
超链接:
<a href="目标网址" title="鼠标划过显示的文本" target="blank">链接显示的文本</a>
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
1、src:标识图像的位置;
2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;
3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);
4、图像可以是GIF,PNG,JPEG格式的图像文件。