前端基础班HTML、CSS --1概念
目标：
1、能够说出网页的基本组成
2、能够说出什么是HTML
3、能够说出常用的浏览器
4、能够说出标准的三大组成部分
目录：
1、网页
2、常用浏览器
3、web标准
1.网页
1.1什么是网页：
网站是指再因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。
网页是网站中的一“页”，通常是HTML格式的文件，它通过浏览器来阅读。
网页是构成网站的基本元素，它通常由图片、链接、文字、声音等元素组成。通常我们看到的网页，常见以.htm或.html后缀结尾的文件，因此将其俗称为HTML文件。
其实我们的网页是通过HTML语言创建出来的，所以称为HTML文件，那到底什么是HTML呢？
1.2什么是HTML？
HTML指的是超文本标记语言，它是用来描述网页的一种语言。
HTML不是一种编程语言，而是一种标记语言。标记语言是一套标记标签。
所谓超文本，有2层含义：
1.它可以加入图片、声音、动画、多媒体等内容（超越了文本限制）
2.它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超文本链接文本）
1.3网页的形成
网页是由网页元素组成的，这些元素是利用HTML标签描述出来，然后通过浏览器解析器来显示给用户的。
前端人员开发代码-->浏览器显示代码（解析、渲染）-->生成最后的web页面
2、常用浏览器
浏览器是网页显示、运行的平台。常用的浏览器有IE、火狐、谷歌、Safari和Opera等，平时称为五大浏览器。
浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页的显示方式并且显示页面。
3、Web标准（重点）
web标准是由W3C组织和其它标准化组织指定的一系列标准的集合。W3C（万维网联盟）是国际最著名的标准化组织。
3.1为什么需要web标准
浏览器不同，我们写的页面又是通过浏览器展示出来的，那不同的浏览器展示出来可能页面或者排版就有些差异，比如我在HTML文件中写了些文字，在这个浏览器显示出来16大小，有的浏览器显示出来是24大小，要想大家在各浏览器看到的是一样的，就需要遵循web标准。遵循web标准可以让不同的开发人员写出的页面更标准、更统一外，还有其它优点
3.2web标准的构成
主要包括结构、表现和行为三个方面。
| 标准 | 说明 |
| 结构 | 结构用于对网页元素进行整理和分类，现阶段主要学的是HTML |
| 表现 | 表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS |
| 行为 | 行为是指网页模型的定义及交互的编写，现阶段主要学的是javascript |
web标准提出的最佳体验方案：结构、样式、行为相分离。
简单理解：结构写到HTML文件中，表现写到CSS文件中，行为写到javascript文件中。
前端基础班HTML、CSS --1概念相关推荐
- 前端基础知识总结---CSS篇
本部分主要是笔者在复习 CSS 相关知识和一些相关面试题时所做的笔记,如果出现错误,希望大家指出! 目录 1.介绍一下标准的 CSS 的盒子模型?低版本 IE 的盒子模型有什么不同的? 2.CSS 选 ...
- 前端基础HTML和css总结
HTML[Hyper Text Markup Language] 超文本标记语言,不是编程语言 软件架构: 1. C/S: Client/Server 客户端/服务器端 * 在用户本地有一个客户端 ...
- WEB前端基础（HTML+CSS+JavaScript）（上）最好看最详细的笔记~
WEB前端基础 当前部分是基于HTML与CSS总结,后续有JavaScript更新~ 文章目录 WEB前端基础 一.HTML概述(阶段1 入门概述) 1.HTML 二.第一个HTML页面 1.HTML ...
- 【前端基础1-HTML和CSS】
前端基础 HTML决定网页的内容: CSS决定网页的美观程度: Javascript决定网页的特效. 1 HTML HTML的英文全称是Hyper Text Markup Language,即超文本标 ...
- # 前端基础（HTML + CSS + JavaScript）
一.HTML 基础概念:超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言. 可以使用 HTML 来建立自己的 WEB 站点,H ...
- 【前端基础】12.CSS 基础知识学习——基本语法结构
视频 目录 一,css基本规则规范 1.快捷方式 2.css注释 3.css命名规范 4.css书写规范 (1)空格规范 (2)选择器规范 (3)属性规范 5.css样式规则 二,字体样式 1.fon ...
- 文成小盆友python-num14 － web 前端基础 html ，css, JavaScript
本部分主要内容 html - 基础 css - 基础 一.html 标签 html 文档标签树如下: head 部分 Meta(metadata information) 提供有关页面的元信息,例:页 ...
- 前端基础篇之CSS世界
小刚老师 基本概念 盒模型四大金刚 好基友`line-height`和`vertical-align` 流的破坏 层叠规则 弹性布局 网格布局 文本控制 元素的显示与隐藏 基本概念 这些基本概念有些可 ...
- 前端基础02：CSS
学习路线 什么是CSS CSS怎么用 (快速入门) CSS选择器 (重点 + 难点) 美化网页 (文字,阴影,超链接,列表,渐变-) 盒子模型 浮动 定位 网页动画 (特效效果) 一.什么是CSS C ...
最新文章
- C语言：随笔10--共用体
- ASP.NET 如何操作文件
- hdu2489-DFS+最小生成树
- html5语义元素表,HTML5的结构和语义(3):语义性的块级元素
- [国家集训队]部落战争
- iOS 键盘风格详解UIKeyboardType
- [html] 制作一个页面时，需要兼容PC端和手机端，你是要分别做两个页面还是只做一个页面自适应？为什么？说说你的理由
- GY歌谣之读懂每行代码（飞智）
- matlab 类 继承,继承MATLAB中的密封类
- 选举学生会（洛谷P1271题题解，Java/C++语言描述）
- 全国高等学校计算机水平考试总结,参加全国计算机等级考试的经历和总结
- 【论文写作】毕业论文写作的基本要求讲解
- 【Python3】【爬虫】meizituSpider
- Ansible详解（十一）——Ansible Template高级控制
- PHP 开源搜索引擎Yioop! 0.80 发布
- mctop: 监视 Memcache 流量 — LinuxTOY
- 《现代前端技术解析》第七章读书笔记
- 按头安利 好看又实用的窗户贴图素材看这里
- windows动态库目录
- 通用接口测试用例设计