本课程是前端开发零基础入门必修课,无需编程基础、不用任何开发经验,从零讲解网页核心语言HTML。HTML是所有网页的底层骨架,网页文字、图片、按钮、导航、表单全部依靠HTML搭建,是学习CSS、JavaScript、Vue、小程序等前后端技术的第一站。
1.零基础想自学网页制作、前端开发的新手
2.学生、职教计算机专业学习者,应对课程作业、技能考试
3.自媒体、运营人员,想简单修改网站、图文排版
4.小程序、网站开发者,夯实网页底层基础
5.想兼职接单做静态页面、简易官网的爱好者
1.理解网页运行原理,分清HTML、CSS、JS三者分工
2.熟练书写规范HTML代码,掌握完整网页基础结构
3.掌握全部常用标签,独立搭建图文、列表、表格、表单页面
4.学会图片、超链接、音视频、布局模块实现
5.能独立完成静态宣传页、个人简介页、简易表单页面完整制作
6.养成标准、整洁、符合行业规范的代码书写习惯
第1章 HTML基础认知
1.什么是HTML、网页、浏览器、服务器
2.开发工具推荐(记事本、VSCode)安装与基础使用
3.HTML文件后缀、网页基础骨架代码详解
4.标签语法、双标签/单标签、属性基础规则
第2章 文本排版类标签
1.标题标签h1~h6、段落p、换行br、分割线hr
2.文字格式化:加粗、倾斜、下划线、删除线
3.特殊符号(空格、版权符号、大于小于号等)
第3章 列表与布局基础
1.无序列表ul-li(导航栏常用)
2.有序列表ol-li
3.自定义列表dl-dt-dd(商品介绍、问答模块)
第4章 图片与超链接(网页核心功能)
1.img图片标签、本地图片/网络图片引入、图片宽高设置
2.a超链接:页面跳转、锚点跳转、邮箱/电话链接
3.新窗口打开链接、空链接用法
第5章 表格制作
1.table表格基础、行tr、单元格td、表头th
2.表格合并:跨行rowspan、跨列colspan
3.简易课程表、数据表格实战
第6章 表单(交互网页必备)
1.form表单容器、提交地址、提交方式
2.单行输入框、密码框、单选框、复选框
3.下拉选择框、文本域、提交/重置按钮
4.简单登录、注册页面完整案例
第7章 语义化标签(现代HTML5重点)
1.HTML5新增语义标签:header、nav、main、section、footer
2.语义化作用:利于搜索引擎、代码可读性提升
3.音视频标签audio、video嵌入媒体资源
1.零基础友好:全程避开复杂概念,逐行拆解代码,边学边敲
2.实操为主:每节课配套练习案例,拒绝纯理论,上手就能做出网页
3.贴合行业标准:讲解HTML5新标准,淘汰老旧过时写法
4.配套答疑:常见报错、标签混淆问题集中讲解,快速排坑
5.低门槛设备:普通电脑即可学习,无需高端配置
1.手写完整静态HTML网页,看懂任意网页源码结构
2.独立制作图文官网、个人主页、在线表单
3.看懂前端基础代码,无缝衔接后续CSS美化、JS交互课程
4.能简单修改网站页面文字、图片、导航布局