HTML和CSS：前端Web开发简介

你将会学到的

• 了解 HTML 元素
• 了解 HTML 属性
• 了解 HTML div
• 了解 HTML 超链接
• 了解 HTML 文本
• 了解 HTML 表情符号
• 了解 HTML 图像
• 了解 HTML 图标
• 了解 HTML 网站图标
• 了解 HTML 输入
• 了解 HTML iframe
• 了解 HTML 文件路径
• 了解 CSS 类
• 了解 CSS id
• 了解 CSS 颜色
• 了解 CSS 字体
• 了解 CSS 变量
• 了解 CSS 宽度
• 了解 CSS 高度
• 了解 CSS 填充
• 了解 CSS 边距
• 了解 CSS 选择器
• 了解 CSS 特殊性
• 了解 CSS 单位
• 了解CSS背景
• 了解 CSS 边框
• 了解 CSS 阴影
• 了解 CSS 位置
• 了解 CSS 网格
• 了解 CSS 媒体查询

课程内容

介绍

• 介绍
• 下载VSCode和扩展

超文本标记语言

• 语法（元素、属性和值）
• 起始代码
• 文字和表情符号
• 格式化
• 图片
• 图标
• 网站图标
• 超链接
• 输入
• 内嵌框架
• 分区
• 文件路径
• HTML测验

CSS

• 语法（选择器、属性、值）
• 插入CSS的三种方式（内部、外部、内联）
• 类与ID
• 颜色和字体
• 评论
• 变量
• 宽度和高度
• 内边距与边距
• 选择器
• 特异性（优先级）
• 单位（px、%、em、rem、vw、vh）
• 背景
• 边框与阴影
• 位置（静态、相对、固定、绝对、粘性）
• 显示网格布局
• 媒体查询（响应式设计）
• CSS测验

重现运球投篮

• 有用的Chrome扩展
• 编码设计
• 托管网站

说明

• HTML和CSS是任何网站的构建块。这是一门综合课程，旨在向您介绍Web开发的基础知识。无论您是完全的初学者还是希望巩固对HTML和CSS的理解，本课程都是一个很好的起点。
• 通过一系列实践练习和真实示例，您将深入研究HTML标签和元素，了解如何构建内容、创建标题、段落、列表和图像。掌握 CSS，您将探索样式技术，应用自定义字体、颜色和背景，并开发适应不同屏幕尺寸的响应式设计。
• 但本课程不仅仅只是基础知识。您还将学习组织代码、优化网站性能以及确保所有用户可访问性的最佳实践。此外，我们还将介绍故障排除和调试的基本技术，使您具备克服常见编码挑战的技能。
• 在本课程结束时，您将拥有从头开始构建自己的专业外观网站的知识和信心。

此课程面向哪些人

• 想要学习如何构建和设计网站的初学者。