CNIT133：https：liangbryan2.github.ioCNIT133资源-CSDN文库

共15个文件

html：8个

json：1个

md：1个

需积分: 5 162 浏览量 2021-02-18 19:58:43 上传评论收藏 36KB ZIP 举报

【CNIT133：HTML基础与进阶学习】 CNIT133 是一门课程，主要关注HTML（HyperText Markup Language）的学习。HTML是互联网上网页内容的基础，它定义了网页的结构和内容。作为一门课程，CNIT133旨在帮助学生掌握HTML的基本语法、元素和属性，以及如何构建和组织网页内容。 HTML的基础知识点包括： 1. **HTML文档结构**：一个基本的HTML文档由<!DOCTYPE>声明、<html>标签、<head>和<body>组成。<!DOCTYPE>用于指定文档类型，<html>是整个文档的根元素，<head>包含元数据（如标题），而<body>则包含实际的网页内容。 2. **元素和标签**：HTML由一系列的元素构成，每个元素由起始标签（如`<p>`）和结束标签（如`</p>`）组成，中间的内容称为元素内容。例如，`<p>`用于创建段落。 3. **属性**：元素可以有属性，提供额外的信息。例如，`<a>`链接元素的`href`属性指定链接的目标URL。 4. **文本格式化**：HTML提供了多种元素来格式化文本，如粗体（`<b>`）、斜体（`<i>`）、下划线（`<u>`）和预格式化文本（`<pre>`）等。 5. **图像**：使用`<img>`标签插入图像，`src`属性指明图像源，`alt`属性提供替代文本。 6. **链接**：`<a>`元素创建超链接，链接到其他网页或页面内的特定位置。 7. **列表**：有序列表（`<ol>`）和无序列表（`<ul>`）用于创建项目列表，`<li>`表示列表项。 8. **表格**：`<table>`、`<tr>`（行）、`<th>`（表头单元格）和`<td>`（数据单元格）用于创建表格。 9. **区块与内联元素**：例如，`<div>`是块级元素，占据一整行；而`<span>`是内联元素，只占据自身内容的宽度。 10. **CSS集成**：通过`<style>`标签在HTML文档中嵌入CSS代码，或使用`<link>`标签引入外部样式表，以实现页面的布局和美化。进阶HTML知识点可能涵盖： 1. **HTML5的新特性**：如音频和视频元素（`<audio>`和`<video>`），离线存储（`<application cache>`），新的表单控件（`<input type="date">`等），以及画布（`<canvas>`）和SVG（可缩放矢量图形）元素。 2. **响应式设计**：使用媒体查询（`@media`）和弹性盒子（`display: flex`）或网格布局（`display: grid`）来适应不同设备的屏幕尺寸。 3. **框架和库**：如Bootstrap，它提供预设的CSS样式和JavaScript组件，简化网页开发。 4. **Web Accessibility**：遵循WCAG（Web Content Accessibility Guidelines）标准，确保网页对所有人，包括残障人士，都可访问。 5. **语义化HTML**：使用有意义的标签（如`<header>`、`<nav>`、`<article>`和`<footer>`）来提高网页的可读性和搜索引擎优化。在CNIT133的作业中，学生可能会实践编写HTML代码，创建完整的网页，并逐步学习如何结合CSS和JavaScript来增强用户体验。通过这些练习，他们将能够熟练掌握HTML语言，为未来在Web开发领域的工作奠定坚实的基础。

资源推荐

资源详情

资源评论