HTML常用标签

云喵喵是淼淼

已于 2022-04-29 21:51:49 修改

阅读量143

点赞数 1

分类专栏： HTML学习笔记文章标签： html5

于 2022-04-15 20:50:51 首次发布

本文链接：https://blog.csdn.net/weixin_48610566/article/details/124081354

版权

HTML学习笔记专栏收录该内容

12 篇文章 0 订阅

订阅专栏

HTML常用标签解析

文章目录

前言
一、标签是什么？
二、常用标签有哪些？
- 1、标签列举：
- 2、运行展示：
总结

前言

对于初学者来说，常用标签是必须熟练认知并使用的的最基础技术，这是我们整个架构中最常用且直观的元素。以下是一些十分常用的标签的列举（此处仅做列举，不对使用方法和用例进行展开，可点开主页以继续学习标签的实践）。

一、标签是什么？

“html标签”指“超文本标记语言”

超文本标记语言（Hyper Text Markup Language），缩写为HTML，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言（markup language），是网页制作所必备的工具。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言（外国语简称：HTML）标记标签通常被称为HTML标签，HTML标签是HTML语言中最基本的单位，HTML标签是HTML（标准通用标记语言下的一个应用）最重要的组成部分。

二、常用标签有哪些？

1、标签列举：

<!DOCTYPE html>----定义文档类型
<html>
  <head>
    <title>这里是网页标题</title>
  </head>
  <body>
    <h1>这里是大标题</h1>
    <p>段落元素</p>
    <br />换行
    <hr />定义水平线
</body>
</html>

2、运行展示：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body style="text-align: center;"><!-- 文字居中 -->
		<h1>这里是大标题</h1>
		<hr /><!-- 此处为水平线，标题等级为1~6的常数 -->
		<p>
			此处为：
			<br />
			第一个段落
		</p>
		<p style="background-color:palevioletred">
			此处为：
			第二个段落	
		</p>
		<p style="background-color: #ADFF2F;">
			此处为：第三个段落	
		</p>
		<span>这里是第一个行级元素</span>
		<span style="background-color: #ADFF2F;">这里是第二个行级元素</span>
		<br />
		<span style="background-color: lawngreen;">这里是第三个行级元素</span>
		<a href="http://www.baidu.com">此处为百度搜索超链接</a>
		<img src="./001.jpeg" style="width: 500px;height: 300px;"><!-- 这里是照片 -->
		<br />
		<a href="http://www.baidu.com" style="background-color: #ADFF2F;">此处为百度搜索超链接二</a>
		<br />
		<a href="http://www.baidu.com" style="background-color:palevioletred">此处为百度搜索超链接二</a>
		<br />
		<img src="./001.jpeg" style="width: 500px;height: 300px;"><!-- 这里是照片 -->
	</body>
</html>