HTML总结

本文是对HTML的全面总结,包括HTML的基本概念、文档结构分析,详细介绍了HTML的注释、空元素、元素属性,以及标题、超链接、图片、表格、列表、表单和其他常见元素的使用方法,帮助理解HTML在网页设计中的重要作用。

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

HTML的总结

何为HTML

HTML为超文本标记语言的缩写。它不是一门编程语言,而是一种用于定义内容结构的标记语言。

HTML文档结构分析

HTML用“标记”来著名文本、图片和其他内容。一个HTML元素包含开始标签、结束标签、内容和元素。,其中元素有<head>,<title>,<body>,<header>,<footer>,<article>,<section>,<p>,<div>,<span>,<img>,<aside>,<audio>,<canvas>,<datalist>,<details>,<embed>,<nav>,<output>,<progress>,<video>。

剖析HTML文档

<!DOCTYPE html>: 声明文档类型。出于历史原因需要,现在可有可无。
<html></html>: <html>元素。这个元素包裹了整个完整的页面,是一个根元素,其它元素都嵌套到其中。
<head></head>: <head>元素。 这个元素是一个容器,它包含了所有你想包含在HTML页面中但不想在HTML页面中显示的内容。
<meta charset=“utf-8”>: 这个元素设置文档使用utf-8字符集编码。
<link rel=“shortcut icon” href=“favicon.ico” type=“image/x-icon”>: 指定页面的图标,出现在浏览器标签上。
<title></title>: <title>设置页面标题,出现在浏览器标签上,当你标记/收藏页面时它可用来描述页面。
<body></body>: <body>元素。 包含你能在页面看到的所有内容,包括文本,图片,音频,游戏等等。

HTML 文档相关说明

注释

为了将一段 HTML 中的内容置为注释,你需要将其用特殊的记号<!–和-->包括起来。

空元素

一般来说,元素都拥有开始标签,内容,结束标签。但有一些元素只有一个开始标签,通常用来在此元素所在位置插入/嵌入一些东西,如<br>, <hr>, <input>,<img>,<a>等等。我们称其为空元素。

元素的属性

元素是可以有相关属性的。
一个属性必须包含如下内容:

1、一个空格,在属性和元素名称之间。
2、属性名称,后面跟着一个 = 号。
3、一个属性值,由一对引号 “” 引起来。

标题

HTML 提供了从大到小6级标题,分别是:<h1> ~<h6>。

超链接

没有超链接就没有万维网。
超链接语法:
<a href=“https://www.baidu.com/” target="_blank">百度一下</a>

锚点
锚点,也称为书签,用于标记页面的某个元素或位置。通过锚点,我们可以轻易的在长页面内实现跳转。

先使用id属性生成某元素的锚点,然后再使用超链接指向该锚点即可。

图片及文件路径 img

图片
在页面插入一张图片如下:

<img src=“https://mdbootstrap.com/img/logo/mdb192x192.jpg” alt=“MDB Logo” width=“200” height=“200”>

文件路径
为获取图片文件,我们需要指定该文件位于何处,这称为文件路径。文件路径有相对路径和绝对路径两种。

表格 Table

有时,页面的内容需要用表格来进行呈现。我们使用<table>等标签即可:

列表 List

分为无序列表和有序列表。

表单 Form

当网站需要获取我们的一些信息如:用户名、密码、选择买什么、买多少、提出意见等等时,我们就需要使用表单(form)来让用户填写或选择。

其它

HTML 的元素可以以称为区块 或 内联的方式进行显示。
区块元素
内联元素
预设格式
特殊字符
等。

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值