HTML

林小果呀

已于 2024-03-23 11:28:24 修改

阅读量1.6k

点赞数 48

分类专栏：前端文章标签： html 前端

于 2024-03-23 11:24:37 首次发布

本文链接：https://blog.csdn.net/weixin_74144099/article/details/136963489

版权

本文详细介绍了HTML的基本概念，包括HTML标签的结构、使用细节，如字体、标题、链接、列表、图像、表格、表单、input、select、textarea、div、p、span、br和hr标签的定义、属性和示例。适合初学者快速入门HTML。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML

HTML（HyperText Mark-up Language）即超文本标签语言(可以展示的内容类型很多)。

HTML 文本是由 HTML 标签组成的文本，可以包括文字、图形、动画、声音、表格、链接等。

HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。

文档地址：https://www.w3school.com.cn/html/index.asp

快速入门

创建hello.html文件，编写代码

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        hello world
    </body>
</html>

请添加图片描述

HTML标签说明

1）HTML 标签用两个尖括号”<>”括起来

2）HTML 标签一般是双标签，如<b>和</b> 前一个标签是起始标签, 后一个标签为结束标签

3）两个标签之间的文本是 html 元素的内容

4）某些标签称为"单标签",因为它只需单独使用就能完整地表达意思,如<br/><hr/>

5）HTML 元素指的是从开始标签到结束标签的所有代码

HTML标签使用细节

1）标签不能交叉嵌套

2）标签必须正确关闭

3）注释不能嵌套

4）html语法不严谨。有时候标签不闭合，属性不带也不报错

font 字体标签

标签用于定义文本的字体、大小、颜色等样式。

标签已经过时，不再推荐使用。

font的三个属性：

1）color：定义文本的颜色。可以使用颜色的名称（如"red"）或十六进制值（如"#FF0000"）来指定颜色。

2）size：定义文本的大小。可以使用1-7之间的数字来指定大小，其中1是最小的，7是最大的。

3）face：定义文本的字体。可以使用字体的名称（如"Arial"）来指定字体。

代码示例：

<!DOCTYPE html>
<html>
    <head>
        <title>font字符标签</title>
    </head>
    <body>
        <font color="red" size="4" face="Arial">hello world</font>
    </body>
</html>

字符实体

字符实体是一种在HTML中表示特殊字符的方法。有些字符在HTML中具有特殊含义，比如小于号（<）、大于号（>）、引号（"）等，如果直接在HTML文档中使用这些字符，可能会导致解析错误。为了避免这种问题，可以使用字符实体来代替这些特殊字符。

请添加图片描述

标题标签

标题使用<h1> - <h6> 标签进行定义。<h1> 定义最大的标题。<h6> 定义最小的标题

标题标签align属性（已过时）的三个值：

left：左对齐(默认)
center ：居中
right ：右对齐

示例代码：

<!DOCTYPE html>
<html>
    <meta charset="UTF-8">
    <head>
        <title>font字符标签</title>
    </head>
    <body>
        <h1>标签 1</h1>
        <h2>标签 2</h2>
        <h3 align="center">标签 3</h3>
        <h4>标签 4</h4>
        <h5>标签 5</h5>
        <h6 align="right">标签 6</h6>
    </body>
</html>