学习前段HTML+CSS+JS的过程（一）

最新推荐文章于 2024-05-23 16:52:46 发布

一念通天.java

最新推荐文章于 2024-05-23 16:52:46 发布

阅读量523

点赞数 2

文章标签： html 学习前端

本文链接：https://blog.csdn.net/Javascholar02/article/details/129964735

版权

一、HTML概述

1、首先，我们需要认识什么是html？

①HTML：1、超文本标记语言(Hyper Text Markup Language)；

2、超文本：在文本中嵌入图片、音频、视频和超链接；

3、标记：提示性符号；

4、语言：计算机沟通；

2、前段的三种技术：1、html->定义网页结构、整体轮廓；

2、css->修饰网页元素；

3、JavaScript->动态效果；

3、浏览器：1、运行执行HTML、CSS、JS的软件；

2、W3C：规范HTML的语法；

3、浏览器类别：fitfox、Google、欧朋、360、百度、QQ、edge；

4、HTML发展：1、HTML1：只是显示文字信息；

2、HTML2/3/4：针对PC端的HTML；

3、HTML5：新增手机端网页开发；

5、开发工具：记事本、HbuilderX、sublime、webstorm；

6、HTML规范：闭合；缩进格式；注释：;

7、网页调试：检查、fn+f12；

8、下面是初学html的实例代码，仅供参考；

<html>
	<head>
		<!--这是一个注释-->
		<title>html学习代码网页</title>
	</head>
	<body>
		<!--align是在页面显示位置，常用属性有：center居中、right右靠齐，left左靠齐-->
		<h1 align="center">HelloWorld!</h1>
		<!--&lt;是 < -->
		<p>3&lt;5</p>
		<!--&gt;是 > -->
		<p>5&gt;3</p>
		<!--&amp;是 & -->
		<p>&amp;</p>
		<!--&quot;是 " -->
		<p>&quot;</p>
		<!--&reg;是 ® -->
		<p>&reg;</p>
		<!--&copy;是 © -->
		<p>&copy;</p>
		<!--&trade;是 ™ -->
		<p>&trade;</p>
		<!--&ensp;是半个空格；&emsp;是一个空格；&ensp;是间隔符-->
		<p>好好学习&ensp;天天向上</p>
		<p>好好学习&emsp;天天向上</p>
		<p>好好学习&nbsp;天天向上</p>
	</body>
</html>

二、HTML语言

1、特点：封闭性；嵌套；标记具有内置属性<h1 align="center">HelloWorld!</h1>

2、文档结构：顶层标记：<html></html>

二级标记：<head></head>文档头，包含网页本身信息、标题、关键词、

描述、作者、编码格式；

<body></body>文档体：布局标签、表情标签、表单标签、列表标签

一念通天.java

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
学习前段HTML+CSS+JS的过程（一）

1、首先，我们需要认识什么是html？①HTML：1、超文本标记语言(Hyper Text Markup Language)；2、超文本：在文本中嵌入图片、音频、视频和超链接；3、标记：提示性符号；4、语言：计算机沟通；2、前段的三种技术：1、html->定义网页结构、整体轮廓；2、css->修饰网页元素；3、JavaScript->动态效果；3、浏览器：1、运行执行HTML、CSS、JS的软件；2、W3C：规范HTML的语法；
复制链接

扫一扫