📜  HTML格式(1)

📅  最后修改于: 2023-12-03 15:31:19.706000             🧑  作者: Mango

HTML格式介绍

HTML是一种用于创建网页的标记语言。它是网页设计的基础,让网页变得有组织、易于维护和易于理解。

HTML基础知识

HTML标签是用于描述网页内容的基本单位,它由一对尖括号包围,比如<h1></h1>,其中<h1>是开始标签,表示要创建一个标题,</h1>是结束标签,表示标题的结尾。

HTML文档结构

一个HTML文档通常分为三个部分:

  • <!DOCTYPE>声明,告诉浏览器使用哪个HTML版本。
  • <html>标签,标识HTML文档的开始。
  • <head>标签,包含文档的元数据,如文档标题、关键词和描述等。
  • <body>标签,包含文档的主要内容,如文本、图片和链接等。
常用HTML标签

HTML提供了很多标签用于创建不同类型的内容,以下是常用的一些标签:

  • <h1>-<h6>,用于创建标题。
  • <p>,用于创建段落。
  • <a>,用于创建链接。
  • <img>,用于插入图片。
  • <ul><li>,用于创建无序列表。
  • <ol><li>,用于创建有序列表。
  • <table><tr><th><td>,用于创建表格。
HTML属性

HTML标签可以有多个属性,属性用于提供关于标签的额外信息,如链接的URL、图片的大小等。以下是一些常用的HTML属性:

  • href,链接的URL。
  • src,图片的URL。
  • alt,图片的替代文本。
  • widthheight,图片的大小。
HTML文档示例

以下是一个基本的HTML文档示例:

<!DOCTYPE html>
<html>
  <head>
    <title>我的网页</title>
    <meta charset="utf-8">
  </head>
  <body>
    <h1>欢迎来到我的网页!</h1>
    <p>这是一个简单的段落。</p>
    <a href="https://www.example.com">去访问示例网站</a>
    <img src="example.jpg" alt="示例图片" width="400" height="300">
    <ul>
      <li>无序列表项1</li>
      <li>无序列表项2</li>
    </ul>
    <ol>
      <li>有序列表项1</li>
      <li>有序列表项2</li>
    </ol>
    <table>
      <tr>
        <th>表头1</th>
        <th>表头2</th>
      </tr>
      <tr>
        <td>表格内容1</td>
        <td>表格内容2</td>
      </tr>
    </table>
  </body>
</html>
总结

HTML是一种非常强大的标记语言,使用它可以很好地构建各种类型的网页。程序员们一定要掌握HTML的基础知识,这样才能在网页设计和开发中更加得心应手。