📌  相关文章
📜  HTML-格式(1)

📅  最后修改于: 2023-12-03 14:41:57.633000             🧑  作者: Mango

HTML 格式介绍

HTML（Hypertext Markup Language ）是一种用于创建网页的标准标记语言。HTML标记语言是靠标记来描述网页内容的。HTML 使用标记来描述文档的结构和语义。HTML 文档包含了标题、段落、列表、链接、图像等元素。

1. 基本文件结构

一个基本的 HTML 文件通常由以下部分组成：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Page Title</title>
</head>
<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
</body>
</html>

其中：

  • <!DOCTYPE html> 声明了文档类型
  • <html> 标签是 HTML 文件的根元素
  • <head> 标签包含了文档的头部信息，如标题，字符编码等
  • <title> 标签定义文档的标题，在浏览器标题栏显示
  • <body> 标签定义文档的主体部分，包含网页实际显示的内容
2. 常用标签

以下是 HTML 中常用的标签：

  • 标题标签：<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
  • 段落标签：<p>
  • 超链接标签：<a>
  • 图像标签：<img>
  • 列表标签：<ul>, <ol>, <li>
  • 表格标签：<table>, <tr>, <td>
  • 表单标签：<form>, <input>, <select>, <option>
  • 格式标签：<b>, <i>, <u>, <em>, <strong>
3. 常用属性

以下是 HTML 中常用的属性：

  • class：为元素定义一个或多个类名（样式类）
  • id：定义元素的唯一 id
  • style：为元素定义行内样式
  • href：定义超链接地址
  • src：定义图像源地址
  • alt：定义图像的替代文本
  • title：定义元素的额外信息
4. HTML 5 新特性

HTML5 新增了一些标签和属性，包括：

  • 语义化标签：<header>, <nav>, <section>, <article>, <footer>, <aside>
  • <canvas> 标签：用于绘制图形、制作动画等
  • <video> 标签：用于嵌入视频
  • <audio> 标签：用于嵌入音频
  • placeholder 属性：为输入框等表单元素添加提示信息
  • required 属性：定义输入框等表单元素是否为必填项
  • autocomplete 属性：定义输入框等表单元素的自动完成选项
5. 总结

HTML 是网页开发的基础，掌握 HTML 是编写优秀网页的必备技能。除了上述介绍的内容，HTML 还有很多特性和技术，需要不断学习和掌握。