HTML 基础

HTML 基本结构

1
2
3
4
5
6
7
8
<html>
<head>
<title>标题</title>
</head>
<body>
网页主体内容
</body>
</html>

HTML 标签

语法

<标签></标签>

示例

“<html></html>”

规则

  • 用 ‘<’ 和 ‘>’ 括起来
  • 一般成对出现,分为开始标签和结束标签
  • 结束标签比开始标签多了个 ‘/‘
  • 单标签没有结束标签,如 “<hr/>”

HTML 元素

开始标签结束标签 的所有代码,称为 HTML 元素

HTML 属性

语法

<标签名 属性名1=”值” 属性名2=”值” 属性名3=”值” >……</标签名>

注释

语法:<!– 注释 –>

DOCTYPE

<!DOCTYPE html> 必须放在文档第一行。

网页编码设置

<meta http-equiv=”Content-Type” content=”text/html;charset-utf8”>

文字和段落

  • 标题:h1 - h6
  • 段落:p
    • align 属性:
      • left
      • center
      • right
      • justify
  • 换行:br
  • 水平线:hr
    • width
      • px
      • persent
    • color
      • rgb
      • hex
      • name
        • black
        • red
    • align
    • noshade
  • i/em
  • b/strong
  • sub
  • sup
  • ins
  • del

特殊符号

  • < -> &lt;
  • > -> &gt;
  • ® -> &reg;
  • © -> &copy;
  • -> &trade;
  • 空格 -> &nbsp;

列表标签

  • 无序列表

    1
    2
    3
    <ul>
    <li></li>
    </ul>
  • 有序列表

    1
    2
    3
    <ol>
    <li></li>
    </ol>
  • 定义列表

    1
    2
    3
    4
    5
    6
    <dl>
    <dt></dt>
    <dd></dd>
    <dt></dt>
    <dd></dd>
    </ol>

图像标签

1
<img src="" alt="" ../>

超链接

1
<a htef="" >内容</a>
-------------本文结束感谢您的阅读-------------
坚持原创技术分享,您的支持将鼓励我继续创作!