一、HTML5 部分
1、入手
2、html5 语法
3、结构
4、文本格式
5、图像与画布
6、列表
7、表格
8、链接
9、表单
10、音频与视频
11、HTML5其他功能
12、HTML5综合
二、CSS 部分
1、初识 CSS
2、CSS 基础语法
3、CSS 基础选择器
4、CSS 高级选择
5、颜色
6、文本修饰
7、边框效果
8、背景修饰
9、盒子模型
10、浮动和分栏
11、定位
12、过渡效果
13、响应式布局
14、动画
15、前端程序与CSS
16、HTML5 和 CSS 综合
三、需要精通HTML和CSS的岗位
需要精通 HTML
网站开发前端开发工程师
网站开发工程师
网页设计师
需要精通 CSS
前端开发工程师
网页设计师
四、网络基础知识
该知识点包含内容
1、互联网
2、ISP与机房类型
3、万维网
4、URL
5、Tim Berners Lee
6、W3C
URL
英文全称：Uniform Resource Locator
统一资源定位符
包含了定位Webu资源的足够信息
如 http:// www.baidu.com/index.html
万维网是依靠互联网而生的一种服务，它的典型特征是通过流利器打开网页
HTML等标准是由W3C负责维护的
URL就是可以指向特定万维网资源的网址
web 方式 和 CS 方式
web 方式
world wide web ---网页方式
B/S 方式
如mail.qq.com/baidu.com等
CS 方式
client software ---客户端软件方式
C/S方式
如电脑版qq，手机原生APP等
与原生程序相比，web方式的优势
1、即点即用无需下载安装与授权
2、通用、兼容、跨平台
3、绕过应用市场，实时发布，快速迭代
4、易推广传播快
劣势
HTML 标准仍待更新
浏览器性能待提升
网速问题
安全问题
按使用情境，网络应用可分为web 方式与CS方式
从数据交互的角度，也可以称作为B/S方式与C/S方式
WEB 方式有天生优势，具备很大潜力，但是目前体验还需提升
----------
浏览器 ---- 知识点包含内容
1、浏览器是什么
2、浏览器市场份额
3、浏览器兼容问题
web 浏览器 --- 是一个应用程序，作用是解释 和显示在www 上找到的文档。
网站开发需要考虑浏览器的市场份额
https://static1.haohuo.net/uploads/files/2024/0618/2676490/2676490_login >
兼容性问题
一个网页"网页学习班"在不同浏览器中打开
浏览器兼容性问题涉及到的知识点很多
屏幕分辨率与网页布局方式
1、屏幕分辨率
2、固定版式
3、流式布局
4、响应式布局
五、HTML 入手
<strong> </strong> ---- <strong> 标签是:需要强调内容的意思
emphasize
标签 em
用法格式和 strong 完全一样，在网页里使用 em 标签。
<em>需要强调的内容</em>
break
<br/>或<br> ---- 是能 换行
<a href = "URL">这里是超链接</a> --- URL改成网址如http://www.baidu.com
一个标签可以有多个属性
marquee 标签
strong 和 em 的使用方法是相同的，
我们可以把格式用在 marquee 上，
请在合适的地方使用 marquee 标签
<marquee>这是飞的感觉</marquee>
1、<strong>需要被重点突出的内容</strong>
2、<em>需要被强调的内容</em>
3、<a href = "#">链接文字</a>
4、<marquee>跑马灯文字</marquee>
html 的基本语法公式
<标签 属性="属性值" 属性="属性值">内容</标签>
如：<div id="news" >内容</div>
对 marquee 标签进行改造
就像a拥有href等属性一样，marquee也拥有自己的众多属性，direction （方向）就是其中一个， 其属性值可以指定为以下四种之一：
up --- 向上
right --- 向右
down --- 向下
left --- 向左
如：
<marquee direction="left">这是浮动效果</marquee>
继续对 marquee 进行改造
使用以下属性与属性值对 marquee 进行改造
属性 属性值
direction up | right | down | left
onmouseover stop(); --- js 语句
onmouseout start(); --- js 语句
<marquee direction="right" onmouseover="stop();" onmouseout="start();">继续对 marquee 进行改造效果</marquee>