HTML5基础：代码注释与元素详解

需积分: 49 165 浏览量更新于2024-09-11 收藏 17KB DOCX 举报

HTML5（HyperText Markup Language）是第五代超文本标记语言，它是用于创建网页的标准标记语言，具有强大的功能和易用性。作为Web开发的基础，HTML5不仅继承了早期版本的特性，还引入了许多新特性，使得网页设计更加现代化和交互性更强。 1. **HTML的基本概念** - HTML是一种超文本标记语言，它通过一系列的标签来组织和描述网页内容，而非编程语言，主要负责网页结构的定义。 - HTML文件通常以.html或.htm为扩展名，头部信息放在`<head>`和`</head>`之间，主体内容则在`<body>`和`</body>`内。 2. **HTML的语法和规范** - 按照HTML标准，标签应成对出现，如`<hr>`表示水平线，开始标签和结束标签大小写不敏感，但推荐使用小写。 - 文本标签如`<h1>`~`<h6>`用于创建标题，`<p>`代表段落，`<font>`标签允许设置字体样式，包括颜色、大小和字体类型。 3. **元素和属性的应用** - 图片元素`<img>`用于显示图片，`src`属性指定图片路径，`alt`属性提供图片未加载时的替代文本。 - `<a>`标签用于创建超链接，`href`指定链接地址，`target`属性控制链接在新窗口或当前窗口打开。 - 列表标签有有序列表`<ol>`和无序列表`<ul>`，分别用于创建数字或符号顺序的列表项。 - 表格元素`<table>`用于布局内容，包含`border`、`width`、`height`等属性以及`<tr>`和`<td>`用于定义行和列。 4. **首页设计示例** - 首页设计常常采用表格布局，例如创建一个八行一列的`<table>`，并在第一行嵌套一个三列的小表格，通过`rowspan`和`colspan`属性调整单元格跨越行和列。 HTML5的进步不仅在于这些基本元素，还包括多媒体支持（如视频和音频）、离线存储（localStorage和sessionStorage）、拖放功能、canvas和SVG图形等。这些增强功能使得现代Web开发更加灵活和互动。理解并熟练掌握HTML5的代码注释和语法是构建高效、兼容性和用户体验良好的Web页面的关键。随着前端技术的发展，持续学习新的HTML5特性和框架（如Bootstrap、Vue.js等）也非常重要。

第一章 WEB01_HTML 篇

1.1 什么是是 HTML ？

HTML：Hyper Text Markup Language ：超文本标记语言。

超文本：功能比普通文本更加强大

标记语言：使用一组标签对内容进行描述的语言,它不是编程语言

1.2 HTML 的语法和规范

 HTML 文件都是以.html 或者.htm 结尾的，建议使用.html 结尾！

 HTML 文件分为头部分<head></head>和体部分<body></body>。

 HTML 标签都是由开始标签和结束标签组成(<hr />)。

 HTML 标签忽略大小写，建议使用小写。

1.3 HTML 文本标签

 1.标题标签

从<h1>到<h6>逐渐变小(加粗加黑显示)

下载后可阅读完整内容，剩余4页未读，立即下载

qq_39707123

粉丝: 0
资源: 1

HTML5基础：代码注释与元素详解

代码注释模板

删除代码注释

代码注释模板 注释方法使用

idea代码注释生成

HTML5:HTML5注释

HTML综合案例实战详解及代码注释

java web代码注释

springboot论坛项目代码注释

PHP Document 代码注释规范

代码注释生成文档工具

最新资源

代码注释模板注释方法使用