首页 > 代码库 > HTML的基础

HTML的基础

今天学习了HTML的基础

1.注释:<!--注释-->

2.超链接:<a href="http://www.mamicode.com/www.baidu.com">百度</a>

          但除超链接外,还可以用于(2)下载:<a href="http://www.mamicode.com/安装包.zip">下载</a>   

                                                    (3)做锚点:<a id="abc">AAA</a>     ——标签

                                                                     <a href="http://www.mamicode.com/#abc">锚点</a> ——链接

3.插入图片,设置宽、高、alt=“文字”(图片无法显示)、title="文字"(鼠标放上显示)target="_blank"(链接跳转空白页)  <img src="http://www.mamicode.com/img/1.jpg" width="500" height="300"   alt=“啦啦啦”  title="呼呼呼"    target="_blank"   />

                                      #  插入位置时“./”表示当前目录   “../”表示上级目录

4.字体设置:(1)<font color="#FF0000" face="华文行楷" size="7">文字</font>     (2)也可用<span></span>表示,如:<span style="font-family: 华文行楷;">文字</span>

                       加粗:<b>加粗</b> 或<strong>加粗</strong>      倾斜:<i>倾斜</i>或<em>倾斜</em>     下划线:<u>下划线</u>    商标:商标<sup>TM</sup>(上)  商标<sub>TM</sub>(下)  删除:<del>删除</del>     标记:<mark>标记</mark>

5.标题:<h1>一级标题</h1>    <h2>二级标题</h2>    ……  <h6>六级标题</h6>

6.段落:<p>段落</p>

7.(1)有序列表:<ol type="A"> <li>…</li>   <li>…</li>  <li>…</li>  </ol>

 

    (2)无序列表:<ul type="disc"> <li>…</li>   <li>…</li>  <li>…</li>  </ul>

8.制作表格:<table width="500" height="300" border="1">

               <tr align="center" valign="bottom">

                   和并列<td colspan="2">1</td>

                  合并行<td rowspan="2">3</td>  </tr>

           <tr>      <td>a</td>

                        <td>a</td>      </tr>

                  </table>

          #    上中下:top middle bottom     左中右:left center right

今日问题:如何添加预览网页。

 

HTML的基础