笔记|HTML（一）|一个网页代码的基本信息和网页标签

最新推荐文章于 2024-07-21 12:12:15 发布

Luka_JT_SE

最新推荐文章于 2024-07-21 12:12:15 发布

阅读量143

点赞数

分类专栏：笔记文章标签： html html5 java intellij idea

本文链接：https://blog.csdn.net/m0_46842371/article/details/113485678

版权

笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

网页基本信息

在这里插入图片描述

代码


<!-- HTML的注释格式-->
<!--DOCTYPE：告诉浏览器我们需要使用什么样的规范-->
<!-- ctrl+/ 为网页注释快捷键-->
<!DOCTYPE html>
<html lang="en">

<!--head标签表示网页头部-->
<head>
<!--meta 描述性标签，他用来描述我们网站的一些信息-->
    <meta charset="UTF-8">
<!-- title标签网页标宋体-->
    <title>我的第一个网页</title>
</head>

<!--body标签表示网页主体-->
<body>

</body>
</html>

在这里插入图片描述
图片中为HTML的注释格式

声明为 HTML5 文档

元素是 HTML 页面的根元素

元素包含了文档的元（meta）数据，如定义网页编码格式为 utf-8。

元素描述了文档的标题

元素包含了可见的页面内容

网页标签

HTML 标签通常是成对出现的，比如和
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
在这里插入图片描述

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本标签</title>
</head>
<body>
<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

<!--段落标签-->
<p>第一行</p>
<p>第二行</p>
<p>第三行</p>
<p>第四行</p>
<p>第五行</p>

<!--水平线标签-->
<hr/>

<!--换行标签-->
第一行<br/>
第二行<br/>
第三行<br/>
第四行<br/>
第五行<br/>

<!--字体样式标签-->
<h1>字体样式标签</h1>
<!--粗体，斜体-->

<strong>粗体</strong>
<br/>
<em>斜体</em>
<hr/>
<!--特殊符号-->

空 格<br>
空&nbsp;格<br>
&gt;<br>
&lt;<br>
&copy;版权所有Luka<br>






</body>
</html>

标题标签

段落标签

换行标签

注意：换行标签单独写
也是可以的，但是出于代码规范，建议写成图中所示

水平线标签

字体样式标签

注释和特殊符号

特殊符号以&开始，：结束

Luka_JT_SE

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
笔记|HTML（一）|一个网页代码的基本信息和网页标签

网页基本信息代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8
复制链接

扫一扫