Fork me on GitHub

html基础(2)

Posted on | In
  • 文本格式化
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <b>需要加粗的文本</b>    <!--定义粗体文本-->
    <strong>需要加粗的文本</strong>    <!--定义加重语气-->
    <big>需要放大的文本</big>
    <small>需要缩小的文本</small>    <!--定义小号字-->
    <em>需要变成斜体的文本</em>    <!--定义着重文字-->
    <i>需要变成斜体的文本</i>    <!--定义斜体字-->
    <sub>下标</sub>    <!--定义下标字-->
    <sup>上标</sup>    <!--定义上标字-->
    <del>这是一个删除文段</del>    <!--定义删除文段-->
    <ins>这是一个插入文段</ins>    <!--定义插入文段-->

//strong 是为了在未来建设语义网而诞生的，读时会重(zhong)读。

  • 预格式文本

    1
    2
    3
    4
    5
    <pre>
      这里的文本保留了空行
      和空格  的存在
      因为pre标签的 使用。
    </pre>

  • html链接

    1
    <a href="某个url" target="_blank">链接文本</a>

target：定义被链接的文档在何处显示，无定义则在当前窗口显示。
target=”_blank”：链接文档在新的窗口显示。
target=”_top”：跳出框架

1
2
3
4
 图片链接创建：
<p><em>这是一个图片链接:</em>      <!--这里采用斜体方式提示-->
<a href="链接的URL" target="_blank"><img  border="图片边框的宽度" src="图片的url" alt="图片无效时的替换文本" width="显示的图片宽度" height="显示的图片高度"></a></p>
<!--target="_blank"使得弹出一个新的图片链接窗口-->
1
2
3
4
5
6
7
8
9
当前页面链接到指定位置：
<p>
<a href="#某个id">需要链接到的名字</a>
</p>
......
<p>
<a id="某个id">名字</a>
</p>
<!--重点在于 href 和 id 的使用-->
  • html头部
    ：定义html文档的标题；：定义页面中所有链接默认的链接目标地址； ：描述HTML文档的描述，关键词，作者，字符集等； ：定义了文档与外部资源之间的关系；