HTML基础标签

01文本标签

    <font size="7" color="#20C128" face="楷体">紫霞仙子</font>size="50" 
    
    文字大小50 数字越大字体越大
    color="#000000" 字体颜色 黑
    face="楷体" 字体



02排版标签

    <h1 align="left">孙悟空1</h1>
    <h2 align="center">孙悟空2</h2>
    <h3 align="right">孙悟空3</h3>
    
    标题标签1-6 数越大字体越小
    align="left" center ringht 属性居左 居中 居右

    <hr color="red" width="50" size="3" align="left"/>
    
    水平线标签 默认自动换行

    <br/>
    
    换行

    <b><i><u><font color="red">牛魔王4</font></u></i></b>
    
    <b></b> 加粗
    <i></i> 倾斜
    <u></u> 下划线

    <p title="我是第一段落的内容">从前很久有一个庙，庙里有3个和尚</p>
    
    <p></p>段落



03超链接标签

    <a title="点击跳转到百度" target="_blank" href="http://www.baidu.com">点我</a>
    
    <a></a> 超链接标签
    target="_blank" 属性 新开一个页面打开连接
    href="" 属性 可以是 
       1.  <a href="">点我</a>  跳转当前页面 并刷新当前页面
           <a href="#">点我</a>  跳转当前页面 不刷新当前页面
         
       2.  <a href="http://www.baidu.com">点我</a> 跳转到网址
         
       3.  <a href="案例一公司简介页面.html">点我</a> 跳转到本地页面地址
         
       4.  <a href="mailto:jack@qq.com">点我</a>跳转邮箱客户端发邮件
    



04列表标签

    <ol type="1">
        <li>北京</li>
        <li>上海</li>
        <li>广州</li>
    </ol>
    
    有序列表

    <ul type="disc">
        <li>北京</li>
        <li>上海</li>
        <li>广州</li>
    </ul>
    
    无序列表



05图片标签

    <img src="img/girl3.jpg" title="美女3号" width="50" height="50" />
    
    <img/>图片属性
    src 链接图片的相对地址
    width="50" height="50" 限制宽高



06内联标签和块标签

    <span>孙悟空1</span>
    内联标签：默认不换行，可以多个在同一行

    <div>白晶晶1</div>
    块标签：默认占一行



07表格标签

    <caption>统计用户</caption>
    表格名
    
    给程序员自己看的
    <thead></thead>头
    <tbody></tbody>体
    <tfoot></tfoot>脚
    
    cellspacing="0" 
    cellpadding="0"

    <table>
    <tr>
       <th>性别</th>
       
       <td>内容</td>
       <td>内容</td>
    </tr>
    </table>
    
    table 表格标签
    
    border="1" 边框="粗细"
    width="100%" 占满
    cellspacing 设置单元格之间的间隔 默认2
    cellpadding 设置单元格边框与文字之间距离 默认1
    
    tr 行
    td 列
    th 表头 里面的字默认居中加粗

    rowspan="2" 竖跨跨行
    colspan="2" 横跨跨列