HTML的一些常见标签

HTML基本结构

<html>
<head>
    <title>标题</title>    
</head>
<body>
    网页主体内容
</body>
</html>

HTML的一些标签(注意<!DOCTYPE HTML>不属于html标签,它用于定义文档类型

预格式化标签(保留在编辑器中文本的格式,输入什么样子,在浏览器中展示的就是什么样子):<pre></pre>

文字斜体:<i></i>  <em></em>

下标:<sub>

上标:<sup>

标题标签:<h1></h1>~<h6></h6>

段落标签:<p></p>

align对齐属性值:

  left:左对齐

  right:右对齐

  center:居中对齐

  justify:对行进行伸展,使每行长度相等

列表标签:

  无序列表:

    <ul>

      <li>列表项</li>

      <li>列表项</li>

    </ul>

    type属性值:disc—圆点

          square—正方形

          circle—空心圆

  无序列表:

      <ol>

        <li>列表项</li>

        <li>列表项</li>

      </ol>

      type属性值:1—数字

            a—小写字母

            A—大写字母

            i—小写罗马数字

            I大写罗马数字

  定义列表:

  我们实践使用dl dt dd标签最多地方,通常是具有标题,而标题下对应有若干列表简单的(栏目标题+对应标题列表)和标题对应下面 有内容。

 

<p>
  <dl>
    <dd>内容1</dd>
    <dd>内容2</dd>
    <dt>格式</dt>
    <dd>内容3</dd>
    <dd>内容4</dd>
   </dl>
</p>

上面的图片显示的就是代码运行后展示的内容

特殊符号转义:

图像标签:

  <img src="" alt="" />(其中alt是当图像显示不出来的时候显示的文字)

 超链接标签

  <a href="" >内容</a>

  href:链接地址,可以是内部链接,也可以是外部链接

  空链接可以表示为<a href="#" ></a>

  _self表示在原来的窗口打开,_blank表示在一个新的窗口打开

锚功能:点击跳转到相对应的部分

 

 电子邮件链接:<a href="mailto:邮件地址"></a>

 文件下载:<a href="下载文件的地址"></a>

猜你喜欢

转载自www.cnblogs.com/helloCindy/p/11564236.html