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> ^下标 _下标
<cent>相对于body居中</cent>
&nbsp;空格 <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表格