前端基础必知必会
Posted 漪曦
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端基础必知必会相关的知识，希望对你有一定的参考价值。
前言
W3C规定网页由三部分组成：结构，表现，行为。
结构指的就是html
表现指的是CSS
行为指的是javascript
这是网页的三部分，是由万维网联盟W3C规范的。
一、网页、网站
网页是用HTML编写的一种文件，将这种文件放在Web服务器上可以让在互联网上的其他用户浏览。网站是网页的集合，多个网页可以共同组成一个网站。网站显示的第一个网页称为首页。
1. 网页的构成元素
一个网页都是由哪些元素组成的呢？
文本，超链接，图片，表格，表单，动画，音频，视频…
一个网页的构成元素很丰富，可以是文字，也可以是图片，甚至可以将一些多媒体文件（如音频、视频等）插入网页里。
1.1 文本
文本是为了展示给用户信息，如个人信息，自我介绍等
网页信息主要以文本为主，这里指的文本是文本字，而非图片中的文字。在网页中可以通过字体、大小、颜色、底纹、边框等选项来设置文本的属性。中文文字颜色不要太杂乱。
1.2 图片
图片一般是为了美化页面，放置Logo，当然也有用户自己由于某种需求上传的图片，也有某些网站用来专门放置各种图片，如摄影爱好者网站等
- Logo标志，是代表网站形象或栏目内容的标志性图片，一般在网页左上角。
- Banner广告，用于宣传站内某个栏目或者活动的广告，一般以GIF动画形式为主。
- 图标，主要用于导航，在网页中具有重要的作用，相当于路标。
- 背景图，用来装饰和美化网页。
1.3 超链接
超链接是可以点击的，点击会跳转到相应的地址。
可以说超链接是网站的“灵魂”，它是从一个网页指向另一个目的端的链接
如指向另一个网页或者相同网页上的不同位置。
超链接可以指向一幅图片、一个电子邮件地址、一个文件、一个程序或者本页中的其他位置。
超链接的载体可以是文本、图片或者Flash动画等。
超链接广泛存在于网页的图片和文字中，提供与图片和文字相关内容的链接，在超链接上单击，即可链接到相应地址（URL）的网页。
鼠标指针指向有链接的地方，默认会变成小手形状。
可以说，超链接是网页的最大特色。
1.4 表格
此表格非彼表格，不是Excel里的表格。当然作用是想通的，都是可以用来记录数据的。
当然网页里的表格还有更多的功能，如设置布局，美化界面等
1.5 表单
表单是用来收集用户数据的，表单其实也都见过，就是调差问卷，填写姓名，地址等，然后提交的。
二、如何开发网页
1. HTML
网页是使用HTML语言进行开发的。
那么什么是HTML呢？
HTML（Hypertext Markup Language）是超文本标记语言。
严格来说，HTML不属于编程语言，他是用标签的形式标示出网页不同的组成部分。
2. 第一个HTML
在桌面新建一个文本文档，命名为hello（其实什么都行），双击打开，将下面的代码贴进去
<DOCTYPE html> <!-- 表示这是一个HTML文件 -->
<html> <!-- 所有的代码都要放在这哥和下面的</html>里面 -->
<head> <!-- 头部信息，一些不展示给别人看的信息 -->
<title>第一个HTML</title> <!-- 页面标题 -->
</head>
<body> <!-- 展示给别人看的 -->
hello world! <!-- hello world，不需要引号之类的多余的东西，当然你也可以添加一下看看效果 -->
</body>
</html>
保存，退出
将文件格式从txt转为html格式，双击使用浏览器打开
然后就没有然后了
3. 编辑器
当然，可以直接使用记事本编写，不过非常不推荐。
这边推荐使用vs code（Visual Studio Code），它是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。
他的好处是，轻量级，界面炫酷，功能强大，插件众多，你完全可以只是用vs code来开发Python，Java，C/C++项目
vs code 下载地址：
1.官网下载
2.百度云盘下载 码：aode
三、小练习
巩固自己所学知识，在脑海里过一遍，什么是网页，网页含有什么元素。
找到几个网页，叙述网页中都适用了哪些标签。
以上是关于前端基础必知必会的主要内容，如果未能解决你的问题，请参考以下文章