HTML学习

<!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>
复制代码

原文地址:https://www.cnblogs.com/xiaobao5161/p/5750133.html