Web前端开发学习小白要掌握的Web基础知识介绍

前言： 今天小T要跟大家分享的文章是关于Web前端开发学习小白要掌握的Web基础知识介绍。准备学Web前端开发技术的小伙伴们

今天小T要跟大家分享的文章是关于Web前端开发学习小白要掌握的Web基础知识介绍。准备学Web前端开发技术的小伙伴们来和小T一起看一看本篇文章吧，文章中小T为大家介绍了一些学Web前端开发要了解的基础知识，希望本篇文章能够对大家有所帮助。

1.Web含义：world wide Web 万维网，也可叫做广域网，互联网。

2.Web前端开发：网站的Web前端开发，也叫客户端，浏览器端;与之相对的是后端。

3.Web前端开发所需要学习的技术：

Html：包含文本，图片，输入框，按钮，视频，音频等内容的设置;

Css：装饰html

JavaScript：网页的动态效果，用户和网页的交互。

4.常见浏览器介绍：

浏览器是网页运行的平台，常见浏览器包括：

国外的：IE，火狐(Firefox)，谷歌(chrome)，Safari和Opera

以上所属公司独立开发，拥有自己的内核。

国内的：猎豹，百度等，使用的都是国外某一家或两家的浏览器的内核。

学Web前端开发建议使用浏览器:

谷歌浏览器;曾经是使用Webkit内核(苹果浏览器的内核)，如今是Webkit的一个分支内核，叫做blink内核和js的引擎V8.

5.Web标准

结构：html

表现：css

行为：js

是由w3c(万维网联盟组织)组织指定的。

6.开发工具

DW, Subline(需要插件)，Webstorm，HBuilder;(推荐后两种)

7.HTML简介

html被称为“超文本标记语言”，主要通过html标记对网页中的文本，图片，按钮等内容进行描述。学习html就是在学习标记(标签，标签元素)。

html发展历史自行了解。

前期学习对象：H4和CSS2

后前学习对象：H5和CSS3(最新)

8.网页与网站的关系

多个网页和其他文件组成一个网站。

9.html骨架结构

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

</html>

!DOCTYPE 文档版本类型的声明;

html 网页的根标签，所有其他标签都被包含在内;

head 头部标签，用来设置网页的一些配置信息;

mata 配置标签;

charset 编码设置(字符集设置);

UTF-8 目前最常用的字符集码方式，包含全世界所有国家需要用到的字符;

GBK 包含全部中文字符;GB2312简体中文，BIG5繁体中文;

title 标题标签，设置选项卡中的文本;

body 主体标签;

10.标签的关系

嵌套关系：祖先和后代之间的关系

并列关系：兄弟之间的关系

11.标签的类型

单标签 <br/> ，<hr/>.

双标签 <h1> <h1/> .有开始，有结束;

12.常用标签

注释标签

<hr/> 水平线标签

<br/> 换行标签

<h1></h1> 主题标签(h1到h6)

<p></p> 段落标签

<b></b>，<strong></strong> 加粗

<i></i>，<em></em> 倾斜

<u></u>，<ins></ins> 下划线

<s></s>，<del></del> 删除

<font color="red">文本</font> 文本标签

<a href=" ">文本</a> 超链接

<img src=" "/> 图片标签(插入图标签)

属性：用来描述标签的，属性的表现形式，属性名=“属性值”，也叫做键值对，key和value。

路径 src

宽度 width

高度 height边框 border

提示信息 title

替换文本 alt

13.路径

网页与其他文件的位置关系

相对路径：

同级路径(网页和其他文件在同一个目录或文件夹)

<img src="文件名"/> 直接引用文件名

下一级相对路径

上一级相对路径

绝对路径：

绝对地址(文件的物理位置)

出于安全的角度，浏览器是不能直接访问计算机的硬盘物理位置的文件，但可以通过域名(接口的方式)访问一个绝对的地址。

以上就是小T今天为大家分享的关于Web前端开发学习小白要掌握的Web基础知识介绍的文章，希望本篇文章能够对正在学Web前端开发工作的小伙伴们有所帮助，想要了解更多Web前端开发相关知识记得关注IT培训网Web培训官网。最后祝愿小伙伴们学习成功，工作顺利，成为一名优秀的Web前端开发工程师。

文章来源：原创石头石头的晚安日记

【免责声明：本文图片及文字信息均由小T转载自网络，旨在分享提供阅读，版权归原作者所有，如有侵权请联系我们进行删除。】

Web前端开发工程师，是从事Web前端开发工作的工程师。主要进行网站的开发、优化、完善的工作。网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。

一位好的Web前端开发工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的Web前端开发工程师。现在说的重点不在于讲解技术，而是更侧重于对技巧的讲解。技术非黑即白，只有对和错，而技巧则见仁见智。以前会Photoshop和Dreamweaver就可以制作网页，现在只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后端开发，所以现在不再叫网页制作，而是叫Web前端开发。Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的Web前端开发工程师才能做好，这方面的专业人才近两年来备受青睐。Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。

文章出自：http://qh.itpxw.cn/peixun/web/202186359.html

文章标题：Web前端开发学习小白要掌握的Web基础知识介绍

免责声明：本站文章均由入驻起航学习网的会员所发或者网络转载，所述观点仅代表作者本人，不代表起航学习网立场。如有侵权或者其他问题，请联系举报，必删。侵权投诉

你也许会喜欢如下的文章？