Web前端HTML（基础）

最新推荐文章于 2024-06-06 23:10:38 发布

Js_WEB

最新推荐文章于 2024-06-06 23:10:38 发布

阅读量372

点赞数

文章标签： html

本文链接：https://blog.csdn.net/String111111Name/article/details/125772973

版权

1.上面内容为：html网页的基本框架。

<!DOCTYPE html>
   
        /*
 它是html5标准网页声明,全称为Document Type HyperText Mark-up Language，意思为文档种类为超文本标记性语言或超文本链接标示语言，现在是这个简洁形式，支持html5标准的主流浏览器都认识这个声明。表示网页采用html5，<!DOCTYPE> 声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使        用哪种 HTML 或 XHTML 规范。
    */
<!--是网页代码的开始-->
<html>
    <!--头，成对出现-->
	<head>
        <!--首先来说明一下“utf-8”是一种字符编码。charset=”utf-8”是告知浏览器此页面属于什么字符编码格式，下一步浏览器做好“翻译”工作。--> 
		<meta charset="UTF-8">    
        <!--网页的标题名字-->                  
		<title>网页的标题名字</title>
	</head>
    <!--网页内容部分，成对出现-->
	<body>
	</body>
</html><!--HTML标签页面中最大的标签，根标签；结束-->

以上内容在运行结果如下：

我们可以看出，上面代码运行，就是比较基础的，网页代码。

HTML的标签可以分为很多种，head 里面的我们称为元信息类标签，诸如title、meta、style、link、base、script这些，他们用来描述文档的一些基本信息。

1.1 title标签

就像上面我运行的代码已经看到：<title>网页的标题名字</title>，就是用来文档的标题。

浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。

1.2 meta 标签

<meta charset="utf-8">

charset属性

指定了html文档的编码格式,常用的就是utf-8(Unicode字符编码)，你可以尝试去掉这一行代码，在<body></body>中输入一段文字看一下运行结果，你就会发现没有代utf-8就会乱码的。

当然，meta标签中，还有很多的属性，我们在接下来的学习中，慢慢去探索。

1.3 <h>标签

h为标题标签,Heading的首字母，在HTML语言中一共有六个大小不同的h标签，分别如下代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>第一个</title>
		
	</head>
    <body>
        <h1>一级 1</h1>
        <h2>二级 2</h2>
        <h3>三级 3</h3>
        <h4>四级 4</h4>
        <h5>五级 5</h5>
        <h6>六级 6</h6>
    </body>

1.4 p标签

p段落标签：Paragraph的首字母，段落的意思。用法如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>第一个</title>
		
	</head>
    <body>
          <p>我是一个段落。</p>

          <p>本句话和上面一句话会有行距。</p>  

    </body>

学了p标签，在这里我们在学校<br>与p的共性与异性，br标签是小换行提行，p标签是大换行(分段)各行作用。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>第一个</title>
		
	</head>
    <body>
          <p>我是一个段落，在<br/>这句前面换行。</p>

          <p>本句话和上面一句话会有行距,在<br/>这句前面换行。</p>  

    </body>

1.5 hr标签

hr水平分隔线(horizontal rule)的首字母，可以在视觉上将文档分隔成各个部分。hr标签在 HTML 页面中创建一条水平线。

Js_WEB

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web前端HTML（基础）

HTML的标签可以分为很多种，head里面的我们称为元信息类标签，诸如title、meta、style、link、base、script这些，他们用来描述文档的一些基本信息。字符编码)，你可以尝试去掉这一行代码，在中输入一段文字看一下运行结果，你就会发现没有代utf-8就会乱码的。学了p标签，在这里我们在学校与p的共性与异性，br标签是小换行提行，p标签是大换行(分段)各行作用。当然，meta标签中，还有很多的属性，我们在接下来的学习中，慢慢去探索。...
复制链接

扫一扫