HTML基础语法，真的只是基础语法部分

DHPYX

已于 2022-01-26 11:13:53 修改

阅读量306

点赞数 1

分类专栏： HTML 文章标签： html html5 前端

于 2022-01-08 08:49:36 首次发布

本文链接：https://blog.csdn.net/qq_61466402/article/details/122372121

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

什么是HTML

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

我的理解是HTML是负责进行前端网页设计时的框架搭建，框架搭好了，再利用css和js进行填充。

基础语法

一.标签

（HTML标签是HTML语言中最基本的单位，且HTML标签的大小写无关的）

1.单标签：

无属性： <标签名/>

有属性： <标签名属性名="属性值"/>

2.双标签：

无属性： <标签名></标签名>

有属性： <标签名属性名="属性值"></标签名>

二.整体结构

1.<html></html>: 表示当前是一个网页

2.<head></head>: 头部信息（在页面中看不到）

3.<body></body>: 身体部分（在浏览器中显示）

如以下的代码：

<html>
<meta
http-equiv="Content-Type"
content="text/html;
charset=utf-8"/>
<metahttp-equiv="content-language"content="zh-CN"/>
<metahttp-equiv="x-ua-compatible"content="ie=7"/>
<metaname="keywords"content="关键字">
<metaname="description"content="描述">
<head>
<title>百度百科页面</title>
</head>
<body>
<p>body元素的内容会显示在浏览器中。</p>
<p>title元素的内容会显示在浏览器的标题栏中。</p>
</body>
</html>

其中<title></titlie>中间的内容有以下两种用途：

1.页面的标题

2. 保留收藏网页是的默认名

doctype（大小写都行）

DOCTYPE标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义来解析文档

代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>标题和水平线</title>
	</head>
	<body bgcolor="pink" text="blue">
		<h1>HELLO</h1>
		<hr width="90%" align="left" size="6"/>
		<h2>HELLO</h2>
		<h3>HELLO</h3>
		<h4>HELLO</h4>
		<h5>HELLO</h5>
		<h6>HELLO</h6>
	</body>
</html>