黑马程序员技术交流社区

标题: web前端学习总结 [打印本页]

作者: 大雄的竹蜻蜓 时间: 2020-3-22 14:21
标题: web前端学习总结

web前端的定义：是面向用户（浏览者）的互联网技术统称。主要包括Web界面的结构、Web界面的外观视觉表现以及Web界面的交互实现。

Web前端的分类：前端设计和前端架构。

HTML结构语言：超文本标记语言。

通过各种标记符号（标签）来代表网页中的内容元素、将网页中的内容结构化。

特点：通过浏览器来解析、文件名为html或htm。

2. CSS样式语言（样式表）：实现表现与结构分离的样式设计语言。

控制网页的视觉表现及简单交互。通过浏览器来解析，文件名为css。

3. DW编码软件（dreamwaver）

两大主要功能：网页编程和管理网站。推荐版本：CS6/CC。

相关资源：1.HTML参考手册+CSS参考手册 2.DW软件安装 3.多款浏览器

网站的结构

网站是存放在服务器上的一个文件夹（根目录），是网站所有文件的集合。

网站中的各种文件按照文件类型或功用分门别类的整理存放。

HTML语法结构

1种符号：<> 所有的HTML语言diamante都必须被括在其中

2种标签格式：

双标签：成对出现。<标签名>开始，</标签名>结束。如：<title>无标题文档</title> 通常用于包含内容的元素。

单标签：只存在开始标签，不需要结束。如：<meta charset="utf-8"> 表示无内容元素。

3个组成部分：标签、属性、值：

语法结构：<标签名属性=“值” 属性=“值”>...</标签名> 如：<meta charset="utf-8">

标签可以拥有属性，属性和值都卸载开始标签的尖括号中。

标签和属性之间用空格分割，多个属性之间也用空格分隔。

如果属性有对应的值，则属性和值之间是等式关系，且值需要写在英文引导中。

作者: 娟呀 时间: 2020-3-23 16:32
谁都不能阻止你成为优秀的人。

作者: 蓝天六必治 时间: 2020-3-23 16:49
现在多学一样本事，以后就能少说一句求人的话。

作者: 大雄的竹蜻蜓 时间: 2020-3-23 17:31
你和优秀的人差的不是智商，是努力。

作者: 雨下的芭蕉 时间: 2020-3-23 18:36
又没有尝试过你怎么就知道你做不到。

作者: 空白格。 时间: 2020-3-23 19:06
辜负了什么都不能辜负别人对你的期望。

作者: 你好，姚 时间: 2020-3-24 10:30
以后渴望去搬砖的你现在上课就好好睡觉养精蓄锐吧。

作者: 411894760 时间: 2020-3-24 10:47
好好学习是为了让自己和最爱的人过上最好的日子。

作者: 明星心丫 时间: 2020-3-24 11:14
因为不想吃苦，所以我要努力。

作者: 奔腾的小红马 时间: 2020-3-24 11:47
读书总比搬砖来的轻松。

作者: 25个蛋 时间: 2020-3-24 12:16
我不知道以后要干什么，但是我知道我要赚好多好多钱，去很多很多地方，买好多好多吃的，所以现在只有好好读书。

作者: 流浪的猫~ 时间: 2020-3-24 13:00
我想不出不努力的理由，实在承载了太多目光。

作者: 情非得已。 时间: 2020-3-24 13:15
再不努力的话看我笑话的人能排成两条街了。

作者: 抓住青春的尾巴 时间: 2020-3-24 13:31
失败不可怕，比失败可怕的是不去尝试。

作者: 简单77777 时间: 2020-3-24 14:10
你受的苦，吃的亏，担的责，扛的罪，忍的痛，到最后都会变成光，照亮你的路。

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2