HTML 基础知识
HTML
语言格式：
1<标签名>内容</标签名> <标签名 属性>
2<标签名></标签名>
3<标签名/>
知识点：
静态与动态网页的区别：是否从数据库提取数据
绝对路径与相对路径
1
<body background="" bgcolor="" text="" topmargin="" bottommargin="" leftmargin="" rightmargin="">显示的内容</body>
2
<font face="" color= size> </font>
<u>下划线</u> <b>加粗</b> <strong>加粗强调语气</strong>
<i>倾斜</i> <em>倾斜2<em>
<del>删除线</del> <sup>下标</sup> <sub>下标</sub>
<cent>相对于body居中</cent>
空格 <br />回车
<h1>一级标题</h1> <h2>二级标题</h2> <p>段落，有行间距</p>
<span 属性>样式</span>
3
<img src="" title="" width=“” height=“” title="" alt="" 图无法显示时显示此些字">
4
<ul type="disc">
<li>无序的列表</li>
</ul>无序的标签
<ol>
<li>有序的标签</li>
</ol>
5
矛点<a href="#s1" id="" name="" class="" >S1</a>
<a href="#top" ></a>
<a href="http://"></a>
6
表格
<table w= h= border=1>
<tr bgcolor= align=right valign=bottom>
<td></td>
<td></td>
</tr>
</table>
对齐方式
水平位置：align: left center right
垂直位置：valign:top middle bottom
合并单元格 <td colspan="2"></td>
colspan=""
rowspan=""
<body bgcolor="#000000" text="#FFFFFF" topmargin="200px" leftmargin="200px" >
<font face="微软雅黑">
<font size="+3" color="#FFFFFF"> <i><b>作 业</b> </i> </font>
<font color="#FFFFFF"><b>20161221</b></font> <br /> <br />
<del>可以不完成</del>
<p>One may fall in love with many people during the lifetime.</p>
<p>When you finally get your own happiness,</p>
<p>You will understand the previous sadness is kind of treasure,</p>
<p>which makes you better to hold and cherishthe people you love</p>
<br />
<font><b>字体是:</b></font>
<br />
<u>微软雅黑</u>
<br /> <br /> <br />
<a href="#top"><img src="QQ图片20161221090601.gif" title="哈哈哈" width="100px" height="100px" /> </a><br />
<img src=".../QQ图片20161221090601.gif" width="100px" height="100px" alt="图裂了"/> <br /> <br />
<h1><font size="+2"><b>要求:</b></font> <br /><br /></h1>
<ol type="A">
<li>独立完成</li>
<li>今天所讲的都要练一遍</li>
<li>做好博客的笔记</li>
</ol> <br />
<h2><b>PS:</b></h2>
<ul type="square">
<li>注意有序无序列表的使用</li>
<li>图片长宽都是100px，点击图片可以连接到网页顶端</li>
<li>要求完成度在70%以上</li>
<li>不会的可以<a href="http://www.baidu.com" target="_blank">百度</a> （此链接在新页面打开）</li>
<li>网页左边距和上边距为200px</li>
<LI>鼠标移动到图片上显示“哈哈哈”</LI>
<li>坏图片上显示"图裂了"</li>
</ul>
<table width="400px" height="200px" border="1" >
<tr>
<td >宽度/高度</td>
<td >对齐方式</td>
<td >背景颜色</td>
<td rowspan="2">合并单元格</td>
</tr>
<tr bgcolor="#999999" align="right" valign="bottom">
<td>400px/200px</td>
<td>靠右/靠下</td>
<td>gray</td>
</tr>
</table>
</font>
</body>
1body
2文字
3图片
4列表
5超链接
6表格
