1、前言:
(1)前端开发? ——前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML, CSS 及 JavaScript 以及衍生出来的各种技术、框架、解决方案,来实现互联网 产品的用户界面交互。
(2)HTML(超文本标记语言) ——HTML 是一种标记语言,能够实现 Web 页面并在浏览器中显示。HTML5 作为 HTML 的最新版本,引入了多项新技术,大大增强了对于应用的支持能力,使得 Web 技术不再局限于呈现网页内容。
(3)CSS(层叠样式表) ——CSS 是网页外观的重要一点,CSS 可以帮助把网页外观做得更加美观。
(4)Javascript(脚本语言) ——是一种动态类型、弱类型、基于原型的语言,内置支持类型。用来给 HTML 网 页增加动态功能。
(5)html 文件结构简介:
1、HTML 标签
——Html 标签是由尖括号包围的关键词,如<html>
(1) 标签对
Html 标签通常是成对出现的,如<html></html>
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
(2) 自闭合标签
Html 标签中存在一些单独呈现的标签,如<img />
2、CSS 样式(Cascading Style Sheets 层叠样式表)
——CSS 为 HTML 标记语言提供了一种样式描述,定义了其中元素的显示方式。
(1)书写格式:
(2)CSS 样式代码应用到 HTML 页面的几种方式
Ø 行内样式
——利用 HTML 元素的 style 属性,样式表作为元素 style 属性的值。
例:
Ø 内部样式
——将样式表放置在 HTML 网页文档 head 标签中的<style></style>内部。
例:
Ø 外部样式
——单独将样式表写入到一个文件,文件的扩展名为 CSS,然后通过 HTML 的 link
标签链接外部样式表文件。
例:
HTML 部分:
(1)前端开发? ——前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML, CSS 及 JavaScript 以及衍生出来的各种技术、框架、解决方案,来实现互联网 产品的用户界面交互。
(2)HTML(超文本标记语言) ——HTML 是一种标记语言,能够实现 Web 页面并在浏览器中显示。HTML5 作为 HTML 的最新版本,引入了多项新技术,大大增强了对于应用的支持能力,使得 Web 技术不再局限于呈现网页内容。
(3)CSS(层叠样式表) ——CSS 是网页外观的重要一点,CSS 可以帮助把网页外观做得更加美观。
(4)Javascript(脚本语言) ——是一种动态类型、弱类型、基于原型的语言,内置支持类型。用来给 HTML 网 页增加动态功能。
(5)html 文件结构简介:
1、HTML 标签
——Html 标签是由尖括号包围的关键词,如<html>
(1) 标签对
Html 标签通常是成对出现的,如<html></html>
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
(2) 自闭合标签
Html 标签中存在一些单独呈现的标签,如<img />
2、CSS 样式(Cascading Style Sheets 层叠样式表)
——CSS 为 HTML 标记语言提供了一种样式描述,定义了其中元素的显示方式。
(1)书写格式:
(2)CSS 样式代码应用到 HTML 页面的几种方式
Ø 行内样式
——利用 HTML 元素的 style 属性,样式表作为元素 style 属性的值。
例:
Ø 内部样式
——将样式表放置在 HTML 网页文档 head 标签中的<style></style>内部。
例:
Ø 外部样式
——单独将样式表写入到一个文件,文件的扩展名为 CSS,然后通过 HTML 的 link
标签链接外部样式表文件。
例:
HTML 部分: