Html5基本标签-CSDN博客

本文链接：https://blog.csdn.net/weixin_49684209/article/details/131578497

HTML5文件的基本结构

<html>标签对:用来表示HTML5的开始，所有的标签信息都要写在里面

<html>

所有信息都写在里面

</html>

<head>标签对：网页的头部标签，会包含一些辅助行标签，其中的浏览器标题栏会显示在<title>标签对元素的内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>这里是头部</title>
</head>
</html>

<body>标签对：网页的主体部分，一般放入一些常用的标签。必须放在头部标签后，html标签结束前

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>这里是头部内容</title>
</head>
<body>
    《这里是主题内容》
</body>
</html>

网页的基本标签

标题标签<h1>

<h1>标题标签</h1>（1可以更换，根据实际情况选择）

段落标签<p>

<p>这里是段落标签</p>

换行标签:<br/>

<p>

窗前明月光，疑是地上霜。<br/>（换行）

举头望明月，低头思故乡。<br/>（换行）

</p>

水平线标签<hr>

<hr/>(一个长长长的水平线)

注释

字体样式标签：<strong>标签对(加粗)、<em>标签对(斜体)

<strong>加粗</strong>(对标签对中的文字进行加粗)

<em>倾斜</em>(对标签对的文字进行倾斜)

字符实体：

空格
大于号(>)	>
小于号(<)	<
引号(")	"
版权符号(@)	©

图像标签<img>

因为图像的格式不同，所以使用图片标签的时候要注意图片的格式

常见的图片格式有：JPG、PNG、GIF、BMP格式

图片的常用属性

width	像素	定义图像的宽度
height	像素	定义图像的高度
alt	文本	图像不能显示的时候代替的文本
title	文本	鼠标指针悬停时显示的文本

超链接标签<a>