分享3

---

1. 某程序员退休后决定练习书法，于是重金购买文房四宝。一日，饭后突生雅兴，一番研墨拟纸，并点上上好檀香。定神片刻，泼墨挥毫，郑重地写下一行字：hello world!

2. 老婆给当程序员的老公打电话：“下班顺路买一斤包子带回来，如果看到卖西瓜的，买一个。”当晚，程序员老公手捧一个包子进了家门。。。老婆怒道：“你怎么就买了一个包子？！”老公答曰：“因为看到了卖西瓜的。”
   

body 常用子标签 *

1.  标题标签
        <h1></h1>   一级标题
        <h2></h2>   二级标题
        ...
        <h6></h6>   六级标题

2. 文字格式化标签
   <b> : 文本加粗
   <i> : 斜体
   <del>: 删除线
   <u> : 下划线
   <center>: 居中
   <sub>: 定义下标文字
   <sup>: 定义上标文字
   <strong>: 强调语气
   <small>: 小号文字

3. 空格 / 换行 / 段落

   在HTM类中, 换行与空格不会被正确的解析. 多个连续的空白符(换行或空格) 会被解析为一个空格.
   
      空格
   <br>    换行
   <hr>    换行并添加分割线
   <p></p> 段落
   

4. 超链接标签 a
   使用方式1. (网页跳转) ***
   <a href="地址">点击跳转的内容</a>
   使用方式2. (新窗口打开) ***
   <a href="地址" target="_blank">点击跳转的内容</a>

   不常用方式:
       1.  发送邮件    (主动调用本地计算机安装的邮箱软件 , 向指定的邮箱地址 ,发送邮件.)
               <a href="mailto:邮箱地址">内容</a>
       2.  拨打电话 (PC必须安装网络电话软件才可以使用 , 移动端必须具备拨打电话功能.)
               <a href="tel:手机号码">内容</a>
       3.  QQ聊天
               <a href="https://wpa.qq.com/msgrd?v=3&uin=QQ号&site=qq&menu=yes">点击QQ聊天</a>
       4.  锚点使用
               网页内容较多时, 可以在网页的某个位置 建立锚点. 然后提供链接,可以快速的跳转到锚点所在位置;
               步骤:
                   1.  建立一个新的锚点
                           <a name="锚点名称"></a>
                   2.  编写a标签 链接到锚点位置
                           跳转到本页的锚点:   <a href="#锚点名称">内容</a>
                           跳转到其他页面的锚点: <a href="地址#锚点名称">内容</a>
   

长度单位

常用长度单位:
    -   px  :   像素
    -   em  :   字体长度单位 . 1em表示一个文字大小 ,默认16px.
    -   百分比:    当前的元素, 占用父元素的百分比大小.  例如: 50% 表示占用父宽度的一半.

不常用长度单位:
- pc : 派卡
- in : 英寸
- mm : 毫米
- cm : 厘米
- m : 米
…

多媒体标签

-   图片 img
        属性:
            -   src :   图片地址
            -   alt :   当图片加载失败时, 提示的文字.
            -   width:  宽度
            -   height: 高度
            不建议使用图片时 同时设置宽高. 会拉伸.
            当图片的宽和高任意一项发生改变时, 另一项会自动等比缩放.

• 音乐 audio
  属性:
  - src : 音乐文件的地址.
  - controls: 是否显示控制器 , HTML5的boolean属性 , 属性一旦出现即为true.
  例如: controls="false" 结果是true
  - autoplay: 是否自动播放, HTML5的boolean属性 , 很多非国产浏览器已经不支持了.

• 视频 video
  属性:
  - src : 音乐文件的地址.
  - controls: 是否显示控制器 , HTML5的boolean属性 , 属性一旦出现即为true.
  例如: controls="false" 结果是true
  - autoplay: 是否自动播放, HTML5的boolean属性 , 很多非国产浏览器已经不支持了.
  - width: 视频播放的窗口宽度
  - height: 视频播放的窗口高度

• 动画(用于播放flash动画) embed
  属性:
  - src : 动画资源地址
  - width: 动画播放的宽度
  - height: 动画播放的高度
  

常用标签

列表标签

-   有序列表 ol
-   无序列表 ul

在列表标签中, 使用li表示列表中的一行.

案例:

<h3>有序列表</h3>       
<ol>
    <li>锄禾日当午</li>
    <li>清明上河图</li>
</ol>
<h3>无序列表</h3>   
<ul>
    <li>从前有座山</li>
    <li>山上有座尼姑庵</li>
    <li>庵里有个老尼姑和小尼姑</li>
    <li>老尼姑正在对小尼姑说: 嘿嘿嘿</li>
</ul>

表格标签 table

在网页中表格由三个标签来组合描述
    1.  表格本身 : table
    2.  表格中的行: tr
    3.  行中的列: td    (表头列可以使用th标签, 文字会加粗居中)

iframe 框架

格式:
    标签名称:   iframe
    属性列表:
            -   src :   网页地址
            -   width:  引入的窗口高度
            -   height: 引入的窗口宽度
            -   frameborder:设置边框的大小, 单位是数字, 表示px

使用iframe框架 来显示超链接的目标页面.

使用步骤:
    1.  给iframe标签 加入 name属性
    2.  给超链接加入target="iframe的name属性值"

src 和 href 的区别 了解

href    :   Hypertext Reference 超文本引用. 
            当前文档 与 被引用的文档 是连接关系.

src : source 引入的资源
被引入的资源 通常是 嵌入到当前文档中的.