新人笔记，HTML基础知识。

最新推荐文章于 2024-11-16 21:17:33 发布

安于本命

最新推荐文章于 2024-11-16 21:17:33 发布

阅读量133

点赞数 1

本文链接：https://blog.youkuaiyun.com/zxcvbnm930/article/details/108173504

版权

本文深入浅出地介绍了HTML的基础知识，包括web的概念、服务器的作用、URL的理解，以及HTML、CSS和JavaScript在网页开发中的角色。重点讲解了HTML的标记语言特性、基本结构，以及如何使用<html>、<head>、<body>等标签来构建和布局网页。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML基础知识

1.web的基本介绍

web：web前端主要负责网站页面相关的工作，比如网页制作，网页的优化，网站的维护，小程序，动画等等。

服务器：通俗的话来讲就是一台内存大，运行快的电脑。

URL：很好理解，就是一个地址，网络资源的ID。

学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。了解下这三门技术都是用来实现什么的：

HTML：用于搭建基础网页，展示页面的内容
CSS：用于美化页面，布局页面
JavaScript：控制页面的元素，让页面有一些动态的效果

2.标记语言

HTML 标签是由尖括号包围的关键词，比如 <html>

HTML 标签通常是成对出现的，标签对中的第一个标签是开始标签，第二个标签是结束标签

(开始标签)<h1>(结束标签)</h1>
<p>我是段落</P>

3.HTML基本结构

<!DOCTYPE html>  <!--文档类型-->
<html>  <!--根标签-->
	<head><!--头标签，设置字符集、标题-->
		<meta charset="utf-8"><!--设置字符集-->
		<title>我是标题</title><!--设置标题-->
	</head>
	<body> <!-- 需要显示在页面的内容，全部写在body中-->
		带你装逼，带你飞
	</body>
</html>

代码讲解：

<html></html>称为根标签，所有的网页标签都在<html></html>中。
<head> 标签用于定义文档的头部，它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签，头部标签在之后会详细介绍。
在<body>和</body>标签之间的内容是网页的主要内容，如<h1>、<p>、<a>、<img>等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。

在head中设置网页标题和字符集编码

<head>

    <title>这里是标题</title>

    <meta charset="utf-8"/>

</head>