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培训广州白云区Python培训广州黄埔区Linux云计算培训 网站详细了解，免费咨询电话：400-998-6158
