HTML笔记

最新推荐文章于 2025-07-01 14:51:30 发布

w好起来了w

最新推荐文章于 2025-07-01 14:51:30 发布

阅读量117

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： HTML web开发前端

本文链接：https://blog.youkuaiyun.com/axigalaji/article/details/100026317

web前端专栏收录该内容

2 篇文章

订阅专栏

本文全面解析HTML的基本结构和常用标签，包括文档头部、主体内容、列表、表单、多媒体元素等，助您快速掌握HTML核心知识。

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

大致组成

html --整个文档
head --文档的头部
title --设置文档的标题
meta 原标签 --单标签,描述html文档的属性,如charset=“UTF-8”
body --文档的主要内容

(以下不声明是单标签的都是双标签)
<h1>标题标签</h1> 从大到小h1 h2 h3 h4 h5 h6
<hr> --一条横线,单标签
p --段落标签
img --图像标签,单标签, 必须属性属性src alt 常用非必须属性 title -鼠标悬停时显示的标题 width/height -单位是像素或百分比
br --换行标签,单标签
a --超链接标签, 属性 href -路径 (# -当前页面, 网址, javascript:加上js语句 -执行js代码,id -锚点跳转)
列表标签
无序列表
ul -定义无序列表
属性 type
li -定义列表的项目
有序列表
ol -定义有序列表
属性 type
li -定义列表的项目
定义列表
dl -定义定义列表
dt -定义列表中的项目
dd -定义项目的描述
form --表单标签, 属性 action -服务器对应地址
input -定义输入标签, 单标签, 属性 type -类型(为submit,value为’提交’时是提交按钮), value -默认值 placeholder -提示信息
label -定义输入标签的标注
textarea -定义多行的文本输入控件属性 rows/cols -定义textarea的行/列数
select -定义选择列表(下拉列表)
option -定义选择列表中的选项属性 value
样式/节
style --定义文档的标签样式信息,里面存放css选择器
div --定义文档中的节,没有实际的语义,大多用来划分大的区域
span --定义文档中的节,没有实际的语义,大多用来划分小的区域

HTML5新增的标签

语义化标签 (单纯的为了更加条例,避免满屏的div)

header
section
footer
article
nav

媒介标签

video 属性 src -视频路径 controls="controls" -设置播放器
audio 属性 src -音频路径 controls="controls" -设置播放器

表单控件标签

calendar
date
time
email
url
search

绘图标签

canvas

设置浏览器标签图标

favicon.ico
缩略的网站标志
www.faviconioc.org
在线制作网站
设置图标
1.将制作好的图片放到网站的根目录
2.在head中添加 <link herf=“favicon.ico” rel=“shortcut icon”>

补充

table标签
html代码
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元

HTML笔记

大致组成

标签

文档类型 <!DOCTYPE>

HTML标签 <html> </html>

Meta标签 <meta>

常用标签