HTML(超文本标记语言)是构建网页的标准语言。它使用标签来定义网页的结构和内容,包括文本、图像、链接和其他多媒体元素。HTML文档由一系列嵌套的标签组成,如<html>、<head>、<body>等,浏览器解析这些标签并呈现网页。HTML是Web开发的基础,与CSS(层叠样式表)和JavaScript(脚本语言)结合使用,可以创建丰富的互动网页。HTML5是最新版本,增加了对音频、视频和图形的支持,提升了Web应用的功能性。
eg:
运行代码
<html>
<body>
<h1>字体排印学</h1>
<h2>历史化学等学科</h2>
<p>活字的雏形或可追溯至公元前两千年前后美
索不达米亚文明的乌鲁克和拉尔萨,砖块上面不
均匀的印花被视作有可能是活字思想雏形。</p>
<h3>印刷体源流</h3>
<p>中国在唐代就已经出现雕版印刷术,公元868
年的《金刚经》是现存最古老的印刷品之一,使用
的技术即是木雕版印刷。</p>
<h2>应用</h2>
<p>...</p>
</body>
</html>
运行结果:
总结:HTML是Web开发的核心,理解和掌握HTML是学习网页设计和开发的第一步。通过HTML,开发者可以创建结构清晰、内容丰富的网页,为用户提供良好的浏览体验。有了良好的结构才能更好的完成任务要求,以下是HTML的一些特点:
- 跨平台性:HTML是跨平台的,能够在各种设备和浏览器上运行,确保网页在不同环境中的一致性。
- 语义化:HTML5引入了更多语义化标签,如
<header>、<footer>、<article>和<section>,使得网页内容更具可读性和可维护性,同时也有助于搜索引擎优化(SEO) - 结构化内容:HTML使用标签来定义网页的结构和内容,包括文本、图像、链接、表格和列表等。每个标签都有特定的功能,帮助浏览器理解如何呈现内容。
- 标签和元素:HTML文档由一系列标签组成,常见的标签包括
<html>、<head>、<body>、<h1>到<h6>(标题)、<p>(段落)、<a>(链接)、<img>(图像)等。标签可以嵌套,形成层次结构。
HTML结构化,就是通过合理的标签使用,将网页内容组织成具有逻辑和层次的结构。 这样做的好处包括但不限于: 提升用户体验:清晰的结构有助于用户快速找到所需信息,提升浏览效率。改善可访问性:对于使用屏幕阅读器等辅助技术的用户,结构化良好的HTML能更准确地传达内容。
通过本次在课程中的学习,以上就是我在前端青训营第一节课的一些收获,希望我的总结能对你们有所帮助,让我们共同进步一起成长。