前端学习之HTML中常用的标签

最新推荐文章于 2023-02-01 20:01:28 发布

zhouym_

最新推荐文章于 2023-02-01 20:01:28 发布

阅读量286

点赞数

文章标签： HTML中常用标签

本文链接：https://blog.csdn.net/zhouym_/article/details/88849701

版权

本文介绍了HTML中常用的标签，包括基本结构、标题、段落、图片、列表、位置、输入、选择框、表格、视频音频及内嵌框架。详细讲解了各标签的功能和用法，如块级与行级标签的转换，以及表格、视频音频的属性设置。

摘要由CSDN通过智能技术生成

初始网页基本信息的组成
首先，我们来理解一下一个网页的基本组成
代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
</html>

一个网页是有许许多多的标签对组成的，即开始标签-结束标签，都是成对出现（当然我们后面会说的还存在单标签，表示自闭合标签，例如：<br />）
对上述的标签先来解释一下
html------------超文本标记语言，浏览器识别的语言，主要负责页面的内容和结构

定义文档类型

lang=ZH-CN 中文简体语言 cmn中文，yue粤语，ZH-cmn-Hans

网页标签头部信息网页标题标签编码,大部分采用UTF-8编码格式，极个别使用gbk编码（不推荐）主体内容部分

单行注释快捷键Ctrl+/
多行注释快捷键Ctrl+Shift+/

内容标题

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>标题一</h1>
		<h2>标题二</h2>
		<h3>标题三</h3>
		<h4>标题四</h4>
		<h5>标题五</h5>
		<h6>标题六</h6>
	</body>
</html>

段落

<p>段落标签</p>

图片标签

<img src="photo_URL" />

列表

列表：有序列表和无序列表、自定义列表
有序列表：ul、li
无序列表：ol、li
自定义列表：dl、dt、dd

块级与行级标签
块级标签：div
行内标签：span

最低0.47元/天解锁文章

zhouym_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端学习之HTML中常用的标签

初始网页基本信息的组成首先，我们来理解一下一个网页的基本组成代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body></htm...
复制链接

扫一扫