1.web前端开发工程师

1.web前端开发工程师是做什么的

要与网站打交道

2.成为一名web前端开发工程师需要具备的条件

1、兴趣

2、敲代码

3.web前端开发需要学习什么

1、软件

浏览器:有非常多种-常用的:谷歌(推荐) 火狐 IE

浏览器调试工具:option + command + j(MAC) F12(windows)

编辑器:hBuilder（推荐-国产）下载地址:http://www.dcloud.io/、sublime、dreamever

PS:

2、语言

HTML  CSS  JavaScript

==========HTML============

超文本标记语言  (结构)

标签:<html>  </html>  <meta/>      文本:

==========CSS=============

层叠样式表 （样式）

style="width: 200px ;height: 300px;background: red;"

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8"/>

<title>--标题--</title>

</head>

<body>

我的第一个网页

<div style="width: 200px ;height: 300px;border: 2px solid red;background: url(https://10.url.cn/qqcourse_logo_ng/ajNVdqHZLLDpYFkeOp4Q6pFbNJ4u326Al1uzPkAWXccHkmreK0YeFnXC0UCxk4IpFvmlk3xFqUc/220?tp=webp);">这是一个方块</div>

</body>

</html>

==========JavaScript=========

脚本语言  (行为)

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8"/>

<title>--标题--</title>

</head>

<body>

我的第一个网页

<div onclick="this.style.width='800px';this.style.height='500px';" style="width: 200px ;height: 300px;border: 2px solid red;background:

url(https://10.url.cn/qqcourse_logo_ng/ajNVdqHZLLDpYFkeOp4Q6pFbNJ4u326Al1uzPkAWXccHkmreK0YeFnXC0UCxk4IpFvmlk3xFqUc/220?tp=webp);">这是一个方块</div>

</body>

</html>

============HBuild工具的使用===========

=================================

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<!--

作者：15910776643@163.com

时间：2016-09-17

描述：CSS出现的位置:1、行间 2、内部 3、外部

1、行间样式表：给单独的标签添加样式

语法：<div style="width:100px;"></div>

缺点：不利于修改

2、内部样式表

-->

<div style="width: 100px;height: 100px;background: red;">

div1

</div>

<div>div2</div>

</body>

</html>

================================

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style>

div{

width: 100px;

height: 100px;

background: pink;

}

</style>

</head>

<body>

<!--

作者：15910776643@163.com

时间：2016-09-17

描述：内部样式:样式表写在一个html文件里面

语法：把样式写在一对<style></style>标签队中，这个标签对是放在html页面里面的

缺点：内部样式表的作用范围只存在当前的页面

-->

<div></div>

</body>

</html>

自学H5第一天笔记的更多相关文章

  1. 开始自学H5前端-第一天

    自从iOS工作丢了后 就萌生了自学这个想法 但是一直在纠结学哪一门语言好 我是计算机科学与技术专业的 其实对于我来说 学啥都算是有点基础的 但是被iOS坑惨了之后 就会不自觉的进行各个方向和前景分析 ...

  2. Elasticsearch7.X 入门学习第一课笔记----基本概念

    原文:Elasticsearch7.X 入门学习第一课笔记----基本概念 版权声明:本文为博主原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明. 本文链接:https: ...

  3. Java 多线程与并发【原理第一部分笔记】

    Java 多线程与并发[原理第一部分笔记] Synchronized synchronized的基本含义以及使用方式 在Java中线程安全问题的主要诱因就是存在共享数据(也称为临界资源)以及存在多条线 ...

  4. PHP第一课笔记

    打算以后学习PHP,花3个月时间学会它,自己为自己加油.每天坚持学习,第一天感觉良好,没开始写,所以不敢觉难,在难也学,加油,me!! PHP笔记记录(2014.7.27) ★web开发的介绍 1.动 ...

  5. sql第一课笔记

    这是我看了imooc的视频教程之后重新写的笔记. 虽然之前也是学习过SQL Server数据库,但是也是忘记得差不多了.现在重新捡起来,安装一次数据库练习,使用的是mysql. 第一课是最简单的创建, ...

  6. H5填坑笔记--持续更新

    最近一直在做移动端的页面,发现很多的坑,这里做一下总结,填填坑…… css常见的问题(一) 一.iOS键盘首字母自动大写 IOS的机子,默认英文输入法状态下,首字母是自动大写的,有时候挺烦人的. 在i ...

  7. PHP自学，第一阶段，基础学习

    环境搭建OS X系统上 Win7执行OS X虚拟机 在 OS X上安装MAMP执行环境 IDE使用 Netbeans PHP版本号开发 数据库使用mysql 自学资料使用:PHP从入门到精通.pdf ...

  8. 路飞学城Python爬虫课第一章笔记

    前言 原创文章,转载引用务必注明链接.水平有限,如有疏漏,欢迎指正. 之前看阮一峰的博客文章,介绍到路飞学城爬虫课程限免,看了眼内容还不错,就兴冲冲报了名,99块钱满足以下条件会返还并送书送视频. 缴 ...

  9. 当初自学C++时的笔记记录

    编辑:刘风琛 最初编写日期:2020年4月11日下午 最新更新日期:2020年9月20日上午 标注: 从笔记开始截止到程序第四章"程序流程结构",使用Joplin编写,其余部分为T ...

随机推荐

  1. Atitit  深入理解命名空间namespace  java c# php js

    Atitit  深入理解命名空间namespace  java c# php js 1.1. Namespace还是package1 1.2. import同时解决了令人头疼的include1 1.3 ...

  2. iOS----CocoaPods的安装、使用和，原理+参考流程+常见问题

    一.什么是CocoaPods CocoaPods是iOS项目的依赖管理工具,该项目源码在Github上管理.开发iOS项目不可避免地要使用第三方开源库,CocoaPods的出现使得我们可以节省设置和第 ...

  3. 25．按要求编写一个Java应用程序： （1）编写一个矩形类Rect，包含： 两个属性：矩形的宽width；矩形的高height。 两个构造方法： 1．一个带有两个参数的构造方法，用于将width和height属性初化； 2．一个不带参数的构造方法，将矩形初始化为宽和高都为10。 两个方法： 求矩形面积的方法area() 求矩形周长的方法perimeter() （2）通过继承Rect类编写一个具有

    package zhongqiuzuoye; //自己写的方法 public class Rect { public double width; public double height; Rect( ...

  4. SharePoint Server 2013开发之旅（四）：配置工作流开发和测试环境

    工作流这个功能,在SharePoint Server 2013中做了很大的改动.我们可以从微软官方的文档中了解一下大概的情况 http://technet.microsoft.com/zh-cn/li ...

  5. Shell最多可以输入多少个参数？

    在脚本编写过程中,通常会涉及到参数的输入.譬如,sh 1.sh 10 20,在执行1.sh这个脚本中,10即为第一个参数,20即为第二个参数.有时,就会有这个疑惑,即shell脚本最多可以支持多少个变 ...

  6. Java多线程系列--“JUC原子类”04之 AtomicReference原子类

    概要 本章对AtomicReference引用类型的原子类进行介绍.内容包括:AtomicReference介绍和函数列表AtomicReference源码分析(基于JDK1.7.0_40)Atomi ...

  7. DRA(Data Recovery Advisor)的使用

    关于DRA的官方描述: The simplest way to diagnose and repair database problems is to use the Data Recovery Ad ...

  8. RSA加密数学原理

    RSA加密数学原理 */--> *///--> *///--> UP | HOME RSA加密数学原理 Table of Contents 1 引言 2 RSA加密解密过程 2.1 ...

  9. go环境import cycle not allowed问题处理

    1.前言 今天在搭建Go语言环境,从https://golang.org/dl/上下载一个Go语言环境.环境变量配置刚开始如下配置: GOROOT=/home/go/bin     go执行文件目录 ...

  10. Elasticsearch 之 数据索引

    对于提供全文检索的工具来说,索引时一个关键的过程——只有通过索引操作,才能对数据进行分析存储.创建倒排索引,从而让使用者查询到相关的信息. 本篇就ES的数据索引操作相关的内容展开: 更多内容参考:El ...