当前位置：网站首页 > 计算机学校 > 惠州计算机学校 > 正文

Web前端新手要掌握的Web基础知识_惠州计算机Web前端培训学校

作者：黄君发布时间：2021-02-28分类：惠州计算机学校浏览：998

导读：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>

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

下一级相对路径

上一级相对路径

绝对路径：

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

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

点击咨询直接了解更多相关资料，我在惠州北大青鸟新方舟等你。

文章来源：原创石头石头的晚安日记，版权归原作者所有，如有侵权请联系我们进行删除。

标签：惠州计算机软件培训惠州计算件软件开发惠州计算机软件基础惠州计算机Web前端软件开发惠州Web前端培训学校惠州Web前端培训 Web前端基础教程 Web前端是什么 Web前端教程 Web前端入门

Web前端新手要掌握的Web基础知识_惠州计算机Web前端培训学校

相关推荐