当前位置：网站首页 > 软件专业 > 前端开发专业 > 正文

新手要学习哪些Web前端基础知识？_惠州前端培训学校

作者：hz_admin01发布时间：2022-04-15分类：前端开发专业浏览：580

导读：新手要学习哪些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>

</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="文件名"/> 直接引用文件名

下一级相对路径

上一级相对路径

绝对路径：

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

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

想了解更多关于前端的资讯，可以来惠州北大青鸟新方舟校区了解一下。

标签：惠州前端培训学校惠州前端基础惠州前端培训北大青鸟IT计算机学校北大青鸟IT软件学校前端北大青鸟IT学校惠州北大青鸟北大青鸟

上一篇：Web前端开发工程师要学会哪些技能？_惠州前端培训学校
下一篇：Web前端工程师要知道哪些事？_惠州前端培训学校

新手要学习哪些Web前端基础知识？_惠州前端培训学校

相关推荐