初识HTML

最新推荐文章于 2025-07-28 18:31:30 发布

Javastudenthhhk

最新推荐文章于 2025-07-28 18:31:30 发布

阅读量186

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Javastudenthhhk/article/details/92209585

本文介绍了HTML的基础知识，包括其作为标记语言的角色、与XML的区别、发展历程、基本结构及常用标签，如标题、段落、超链接和语义化标签，强调了HTML在网页设计中的核心作用。

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

初识HTML
他不是编程语言，标记语言（Markup Language）使用标签等标记来描述一些事物的一种语言。Md markdown一种文件格式，程序员必会！它支持一些标记语法，甚至支持HTML.
一般来讲编程语言都拥有选择和循环结构。
1.了解HTML相关概念

Ctrl+Shift+R 复制

HTML:
超文本：超越了文本，不仅仅是文本。
(
XML:(extensive Markup language)可扩展的标记语言，
HTML和XML的区别：我们的XML它是可以随意在文件中定义自己的标记，但是它的HTML的标记是官方定制的语法，无法自定义，HTML是用来在网页中描述信息。
扩展名为：.htm和.HTML。
1.HTML的发展史
1993年正式发布！
W3C（万维网联盟国际性的中立的技术类标准组织，它维护了很多技术的标准，HTML,XML,XHTMTL,）
WHATWG(网页超文本应用技术工作小组)

2.掌握HTML的基本结构
HTML是一个弱语法的标记语言。它不像XML和java等那么严格！

Web前端开发常用IDE:Sublime Text3，HBuilder X，WebStorm，VSCode ,HBuilde,DreamWeaver
3.掌握HTML的常用标签

常用地超文本标签
1.标题标签
在这里插入图片描述
(2)段落或换行标签

超链接标签
超链接，超文本链接
1.分类
(1)页面间链接：最常用，链接地址为某个网页

(2)锚链接：在同一个文档/网页中，进行不同位置的连接跳转。目录就是锚链接。百度百科右侧的
在这里插入图片描述
(3)功能性链接：通过连接可以打开电子邮箱，QQ，拨号盘等…

视频和音频标签

语义化标签
网页设计时常用

标签来进行布局设计。但是这种标签数量多了，在维护和阅读时非常混乱！

<！-- 上中下结构   还有例如：121结构   131结构  封面结构... -->
<div>
	网页头部区域   - 放导航
	<div class="header">
		导航
		<div class="nav-bar"></div>
		个人中心信息
		<div></div>
	</div>
	网页中间内容   - 主体内容
	<div class="content-body">
		侧边栏
		<div></div>
	</div>
	网页尾部内容  - 版权 相关链接等
	<div class="footer"></div>
</div>
<div style="position: fixed;bottom: 300px;right: 30px;">
			<h2>
			<a href="#yi">f1</a><br/>
			<a href="#f2">f2</a><br/>
			<a href="#f3">f3</a><br/>
			<a href="#f4">f4</a><br/>	
			</h2>
			
		</div>