首页 > 代码库 > HTML第一课

HTML第一课

<标签名 属性>内容</标签名>
<标签/>
静态网页与动态网页的区别:是否从数据库提取数据
相对路径跟绝对路径
../代表高一级的
&nbsp牛逼的空格
<font face="微软雅黑" color="#000000" size="7">变换字体</font>
<strong>加黑</strong>   b
<i>倾斜1</i>
<em>倾斜2</em>
<del>删除线</del>
<sup>上标</sup>
<sub>下标</sub>
<p>第一段</p>
<p>第二段<br>文字</p>
<h1>一级标题</h1>
<h6>六级标题</h6>
<span>层标签
th是td的加强版,表头,单元格内容自动居中加粗
水平位置align:left center right
垂直位置valign:top middle bottom
一段话一段话<center>一段话</center>一段话一段话(相对于页面的居中)
11<span style="color:#F00">22</span>33
<br/>
无序列表<ul type="square">
      <li>1</li>
      <li>2</li>
    </ul>


有序列表<ol type="I">
      <li>内容1</li>
      <li>内容2</li>
    </ol>
width= 宽度 height=高度
title=“鼠标放上去显示” alt="图片不显示情况下显示的文字”

<a href="http://www.mamicode.com/#top" id="" name="" class="">TOP</a>回到顶部
<a href="http://www.mamicode.com/#s1">s1</a>回到s1位置(做锚点链接)
<a name="s1">222</a><br/>标记一个s1位置(做锚点的标签)
<a href="http://www.baidu.com"target="_blank">百度</a><br/>从新页面打开
<a href="http://www.baidu.com"target="_self">百度</a><br/>从自身页面打开


<table width="500px" height="300px" border="1px">
  <tr>
    <th>标题1</th>
    <th>标题2</th>
    <th>标题3</th>
  </tr>
  <tr align="center" valign="middle">
    <td>margin</td>
    <td>padding</td>
    <td rowspan="2">xxx</td>(跨行:合并同一列的几个单元格
  </tr>
  <tr>
    <td colspan="2">233</td>(跨列:合并同一行的几个单元格
  </tr>
</table>

HTML第一课