自學H5第一天筆記

時間 2019-12-05

標籤自學 h5 第一天筆記简体版

原文原文鏈接

1.web前端開發工程師html

1.web前端開發工程師是作什麼的前端

要與網站打交道web

2.成爲一名web前端開發工程師須要具有的條件windows

一、興趣瀏覽器

二、敲代碼編輯器

3.web前端開發須要學習什麼工具

一、軟件學習

瀏覽器:有很是多種-經常使用的:谷歌(推薦) 火狐 IE網站

瀏覽器調試工具:option + command + j(MAC) F12(windows)ui

編輯器: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>

</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>

</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>

</head>

<body>

<!--

做者：15910776643@163.com

時間：2016-09-17

描述：CSS出現的位置:一、行間二、內部三、外部

一、行間樣式表：給單獨的標籤添加樣式

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

缺點：不利於修改

二、內部樣式表

-->

div1

</div>

</body>

</html>

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

<!DOCTYPE html>

<html>

<head>

<style>

div{

width: 100px;

height: 100px;

background: pink;

}

</style>

</head>

<body>

<!--

做者：15910776643@163.com

時間：2016-09-17

描述：內部樣式:樣式表寫在一個html文件裏面

語法：把樣式寫在一對<style></style>標籤隊中，這個標籤對是放在html頁面裏面的

缺點：內部樣式表的做用範圍只存在當前的頁面

-->

</body>

</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。