Web培训
400-996-5531
Web前端学习新手要掌握的Web基础知识介绍
今天小编要跟大家分享的文章是关于web前端学习新手要掌握的web基础知识介绍。准备学习web前端技术的小伙伴们来和小编一起看一看本篇文章吧，文章中小编为大家介绍了一些学习web前端要了解的基础知识，希望本篇文章能够对大家有所帮助。
1.web含义：world wide web 万维网，也可叫做广域网，互联网。
2.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>
<meta charset="{CHARSET}">
<title></title>
</head>
<body>
</body>
</html>
!DOCTYPE 文档版本类型的声明;
html 网页的根标签，所有其他标签都被包含在内;
head 头部标签，用来设置网页的一些配置信息;
mata 配置标签;
charset 编码设置(字符集设置);
UTF-8 目前最常用的字符集码方式，包含全世界所有国家需要用到的字符;
GBK 包含全部中文字符;GB2312简体中文，BIG5繁体中文;
title 标题标签，设置选项卡中的文本;
body 主体标签;
10.标签的关系
嵌套关系：祖先和后代之间的关系
<html><body></html></body>
并列关系：兄弟之间的关系
<h1></h1><h2></h2>
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="文件名"/> 直接引用文件名
下一级相对路径
<img src="文件夹名/文件名"/>
上一级相对路径
<img src="../文件名"/>
绝对路径：
绝对地址(文件的物理位置)
出于安全的角度，浏览器是不能直接访问计算机的硬盘物理位置的文件，但可以通过域名(接口的方式)访问一个绝对的地址。
<img src="http:/www.xxxxx.jpg"/>
以上就是小编今天为大家分享的关于web前端学习新手要掌握的web基础知识介绍的文章，希望本篇文章能够对正在学习web前端工作的小伙伴们有所帮助，想要了解更多web前端相关知识记得关注达内web培训官网。最后祝愿小伙伴们学习成功，工作顺利，成为一名优秀的web前端工程师。
文章来源：原创石头 石头的晚安日记
【免责声明：本文图片及文字信息均由小编转载自网络，旨在分享提供阅读，版权归原作者所有，如有侵权请联系我们进行删除。】
预约申请免费试听课
填写下面表单即可预约申请免费试听！ 怕学不会？助教全程陪读，随时解惑！担心就业？一地学习，可全国推荐就业！
Copyright © Tedu.cn All Rights Reserved 京ICP备08000853号-56 
京公网安备 11010802029508号 达内时代科技集团有限公司 版权所有