前序2 前端要学习的基础

最新推荐文章于 2024-01-08 11:01:14 发布

Emily_lhj

最新推荐文章于 2024-01-08 11:01:14 发布

阅读量356

点赞数

分类专栏： html+css基础部分文章标签： html+css基础部分前端开发要掌握的基础技能什么是html 什么是css 什么是js

本文链接：https://blog.csdn.net/Emily_lhj/article/details/54562131

版权

html+css基础部分专栏收录该内容

8 篇文章 0 订阅

订阅专栏

WEB前端开发工程师要学的基础

1）软件:

浏览器（常见的有谷歌、IE浏览器、火狐浏览器，前端开发常用的是谷歌和火狐，ie仅在要求兼容ie浏览器时测试用。）

浏览器插件：谷歌下是F12，火狐下要装firebug插件。使用方法都是按f12或右键-审查元素/检查

用来写代码的编辑器：记事本、DreamWeaver、Sublime

PhotoShop

通过记事本，依照以下链接中的步骤来创建网页。

http://www.w3school.com.cn/html/html_editors.asp

2）语言：

HTML：“超”文本标记“语言”，也就是一个翻译，将我们人类的语言翻译成浏览器认识的语言展示在浏览器上。

HTML标签分为：

Ø 标记、标签：<html>

Ø 标签对：<html></html><body></body><div></div>

Ø 单标签：<meta /> <img />

CSS：层叠样式表，用于控制HTML标签的样式。

width : 200px;

height : 200px;

background:red;

JavaScript：脚本语言，用于控制HTML的行为。

οnclick=" this.style.width ='800px'; this.style.height = '400px'; "

所以前端开发工程师的任务就是告诉浏览器谁（哪个HTML标签），长什么样子（CSS样式表），做了什么（JavaScript脚本语言）。

<!doctype html><!-- doc即文档，意思是，！注意啦，这是一个 html文档。作用：文档格式声明-->
<html><!-- 所有html文件的内容必然包含在一对html标签内。html中，标签对表示形式为<标签名></标签名> -->
	<head><!-- 像人一样，一个html文档也包含头和身体，分别用<head></head><body></body>包围 -->
		<meta charset="UTF-8" /><!-- 字符格式为utf-8，兼容中文。注意文件保存格式也要是utf-8 -->
		<title>标题 - title</title><!-- 这个文件的标题 -->
	</head>
	<body>
		内容 - content
		<div οnclick=" this.style.width = '800px'; this.style.height = '400px'; " style="width : 100px; height : 100px; transition:3s; border:8px solid red; background:url(http://d.hiphotos.baidu.com/image/w%3D2048/sign=b0ae9411f01fbe091c5ec4145f580d33/64380cd7912397dd6a2133635b82b2b7d0a28779.jpg);">aaaa</div>
	</body>
</html>

将上述代码拷贝到本地一个html格式的文件中，用浏览器打开，效果如图。