HTML & CSS 课程概述

文章目录

• HTML & CSS 课程概述
• • HTML & CSS 到底是什么，有什么用？
  • 难不难
  • 如何学习？
  • 学习顺序？
  • 这个界面是什么
• 笔记二 HTML & CSS 概述
• • 术语
  • 什么是HTML？
  • 什么是CSS？
  • 执行HTML CSS
  • 版本和兼容性

HTML & CSS 到底是什么，有什么用？

他是两门语言
Cascading Style Sheets 层叠样式表
Hyper Text Markup Language 超文本标记语言

HTML + CSS + Javascript == 网页

英语 加 互联网技术 == 无敌

难不难

相对的

如何学习？

• 平和的心态 静下心里 精益求精 不要好高骛远
• 慢慢来 慢就是快 细致一点
• 多练习 勤为经

1. 自己敲一遍 嗯 我懂了
2. 学习 和 练习 是一比一

学习顺序？

[扩展] 可以不看
HTML讲解一点 -> CSS(补充HTML的知识)

HTML : 简单 、 没有什么效果。
CSS: 相对复杂 的

这个界面是什么

VSCode 通用编辑器 Visual Studio Code 微软 Java 代码
MarkDown: MD， 文档标准。 文档编辑者，只关注内容本身，不需要关注格式。

笔记二 HTML & CSS 概述

术语

术语降低沟通成本

喜大普奔

1. web

   互联网

2. w3c
   万维网联盟 非盈利行的组织: w3.org

为互联网提供标准。

3. XML
   可扩展的标记语言: Exiension markup Language 用于定义文档结构的 （权力的游戏）标签可以自定义要求

代码区

请在每周周一下午两点 ， 从人人网下载最新美剧《权力的游戏》

<任务>
    <执行时间> 每周一 </执行日期> 
    <执行时间> 下午两点 </执行时间>
    <下载地址> 人人网 </下载地址>
    <下载目标> 最新版《权力的游戏》 </下载目标>
</任务>

什么是HTML？

HTML 是 W3C组织定义的标准 HTML是用于描述页面结构的语言。
结构: 有什么东西，该东西表示什么含义

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

书写一个一级标题:

<h1> 一级标题 <h1>

MDN : Mozilla Development Network, Mozilla 开发者社区 <资料> 相当于是字典

什么是CSS？

CSS 也是W3C 定义的标准: CSS 是用于描述页面展示的语言

CSS 决定页面什么样子。

执行HTML CSS

HTML CSS -> 浏览器去执行 渲染 页面

浏览器内核

浏览器

1. shell 外壳
2. core 内核(JS 执行引擎 渲染引擎)

有自己独立内核的浏览器
内核
IE: Trident
火狐 Firfox: Gecko
谷歌 Chrome: Webkit Blink
Safari 苹果 Webkit
Opera: Presto / Blink

IE

版本和兼容性

HTML5、 CSS3 语言标准

HTML5 2014年发布

CSS3: 目前还没有指定完成。 内容

XHTML:可以认为是HTML的一种一个版本， 完全符合XML的规范。