首页 > Web开发 > 详细

HTML学习

时间:2016-08-08 17:14:09      阅读:189      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>里约奥运会</title>
</head>

<body bgcolor="#33CC99" text="#FF6600" topmargin="100" leftmargin="200" bottommargin="400">
<a name="top"></a>
<font size="35" color="#CC0066">今天<br />可能会有雷&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;暴!<br />
<br />
格式控制标签<br />
<b>文字加粗方式一:b标签</b><br />
<strong>文字加粗方式二:strong标签</strong><br />
<i>文字倾斜方式一:i标签</i><br />
<em>文字倾斜方式二:em标签</em><br />
<u>文字加下划线:u标签</u>123
<center>center,居中标签,默认前后若有其他,执行前后换行,保证自身是一个整体,然后居中显示</center>456<br />
<br />
内容容器标签:<br />
123<p>p标签,段落标签。前后若有其他,执行前后换行并且空开一行,保证自身是一个整体。</p>456
<ol>ol,有序列表
<li>自动换行</li>
<li>自带序号</li>
<li>前后若有其他,执行前后换行并且空开一行,保证自身是一个整体</li>
</ol>7789<br />
<ul>ul无序需列表
<li>自动换行</li>
<li>不自带序号</li>
<li>前后若有其他,执行前后换行并且空开一行,保证自身是一个整体</li>
</ul>789<br />
<a href="http://www.baidu.com" target="_blank">百度一下</a>
</font>
<h1>h1~h6,标题标签</h1><br />
<h2>重要性依次减小</h2><br />
<h3>若前后有其他,执行前后换行,并且空开一行</h3><br />
<h4>受限于默认文字大小,默认文字大小在h3和h4中间</h4><br />234<br />
<div style="">div 层标签,默认一上来就占用一行,</div>
<span style="">span层标签,默认使用多少就占用多少</span>
<br /><br />
<table align="center" width="480" height="120" border="1" cellpadding="0" cellspacing="0">
<tr align="center" bgcolor="#0066FF">
<td width="120"><a href="http://www.autohom.com">汽车之家</a></td>
<td width="120">易车网</td>
<td width="120">太平洋汽车</td>
<td rowspan="2">新浪汽车</td>
</tr>
<tr align="center">
<td colspan="2" bgcolor="#CCFF33">58同城</td>
<td>百姓网</td>
</tr>
<tr align="center">
<td>天猫</td>
<td>淘宝</td>
<td>聚美优品</td>
<td>京东</td>
</tr>
</table>
<br />
<a href="#top">返回最顶端</a><br />
<img src="../Sample Pictures/300000935727128981325633572.jpg" /><br />
<a href="http://www.baidu.com"><img src="../Sample Pictures/300000935727128981325633572.jpg" width="683" /></a><br />
<img src="../Sample Pictures/300000935727128981325633572.jpg" width="400" height="768" title="这是倒霉熊" alt="zheshidaomeixiong" />
</body>
</html>
技术分享

技术分享技术分享技术分享技术分享

HTML学习

原文:http://www.cnblogs.com/xiaobao5161/p/5750133.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!