web前端基础知识—HTML初步

最新推荐文章于 2025-04-10 23:12:05 发布

「已注销」

最新推荐文章于 2025-04-10 23:12:05 发布

阅读量178

点赞数

CC 4.0 BY-SA版权

分类专栏： Web前端

本文链接：https://blog.youkuaiyun.com/weixin_39739628/article/details/97576194

Web前端专栏收录该内容

0 篇文章

订阅专栏

本文详细介绍HTML的基础知识，包括超文本传输协议（HTTP）的概念，HTML的定义及其在网页设计中的核心作用。文章深入讲解了HTML如何给纯文本添加语义，以及如何构建网页的基本结构，如头部（head）和主体（body）部分。

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

web前端基础知识—HTML初步
Http:
Hypertext Transfer Protocol
超文本传输协议

什么是协议？
规定，约定；
用来规范和约束某一类事物；

Http:是用来规范两个人之间如何沟通，也就是规范范约束浏览器和服务器之间是如何沟通和交流

沟通最常见的问题，就是语言不通；

HTML：（纯文本文件）
HyperText Markup Language
超文本标记语言
作用：给纯文本文件添加语义，描述其他文本语义的文本被称为标签，这些标签在浏览器中不会被显示出来，我们称这些这些文本为超文本，称HTML为超文本标记语言。

注意：HTML的作用只有一个，他是转门给文本添加语义的，而不是用来修改文本的样式的；

标签，超文本标记语言

网页的固定格式：
步骤：
1.新建一个文本文档
2.利用记事本打开
3.编写HTML代码
4.保存并且修改纯文本文件的扩展名为.html
5.利用浏览器打开编写好的文件；

<h1>第一个网页</h1>
<html>
	<head>
	<p><h4>这里是头部标签</p>
	<p><h5>这里存放的是网站的标题/网站的小标题</p>
	<p><h5>添加网站的SEO的相关信息（指定网站的秒速信息）</p>
	<p><h5>外挂一些外部的css/js文件</p>
	<p><h5>添加浏览器适配相关的内容</p>
	<p><h5>注意：写在head中的内容不会显示给用户查看，也就是说一般情况下写在head标签内部的内容我们都看不到，是给浏览器看的。</p>	
		<p><h6>这里是标题标签</p>
		<p><h6>专门用于指定网站的标题，并且这个标题将来还会作为用户保存网站的默认标题</p>
		<p><h6>如果不指定title的名称，会默认的使用纯文本文件的文件名作为网页的标题名</p>
		<p><h6>title必须要写在head标签内部</p>
		<p><h6></p>
	</head>
	<body>
	<p><h6>这里是body，专门用于定义HTML文档中需要显示给用户查看的内容（文字、图片、视频、音频等等）</p>
	<p><h6>注意点：虽然说将要显示的内容写在其他的地方也可能会显示，但是一定要将需要显示的信息写在body当中</p>
	<p><h6>另外，在一对HTML标签内部只能包含一对的body标签</p>
	<p><h6></p>
	<br/>换行符
	</body>
</html>