整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
、新建項目
1、新建===web項目===輸入項目名稱====完成
二、新建html文件
在新建項目中新建html模板
輸入文件名稱：
三、認識基本格式
聯想出基本格式：
四、編輯html文件
運行html，選擇瀏覽器
五、html常用的快捷鍵
（1）ctrl+n+w web項目創建
（2）ctrl+n+h html文檔創建
（3）ctrl+s 保存html頁面（頁面上如果未保存會顯示*號）
（4）ctrl+r html運行
（5）ctrl+z 撤回
（6）！+tab鍵 聯想基本格式
（7）ctrl+/ 注釋和取消注釋
（8）ctrl+鼠標滾輪， 字體方大和縮小
六、認識標簽
（1）H標簽（標題標簽）
（2）p標簽 （段落標簽）
（3）img 標簽（圖片標簽）
兩種：第一種widows上傳圖片，第二種：網上圖片鏈接
第一種
img中顯示圖片
img中引入圖片
第二種：網上圖片的鏈接：
（4） 標簽（空格）
（5）em 標簽表示斜體
（6）i 標簽表示斜體
（7）br 表示換行
（8）b 標簽表示加粗
（9） strong 標簽表示加粗
（10）s 標簽（刪除線）
（11）u 標簽 （下劃線）
（12）font 顏色
（13）sub下標
（14）sup上標
1.基本html結構
2.生成div加類名的快捷鍵
3.帶類名的div
4.帶id的div
5.屬性【】
6.后代>
7.兄弟+
8.上級^
9.乘法*
10.文本{}
注意：這里輸入“！”+回車鍵前，需要清空原來生成的基本結構
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html><div class="list">
<div class="item_1"></div>
<div class="item_2"></div>
<div class="item_3"></div>
<div class="item_4"></div>
<div class="item_5"></div>
<div class="item_6"></div>
</div><div class="wrapper"></div><div id="wrapper"></div><span title="test"></span><span title="test"></span><div></div>
<p></p>
<span></span><div><span></span></div>
<i></i><ul>
<li></li>
<li></li>
</ul><div><span>這是文本</span></div>
<script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>
零基礎WEB前端入門-創建你的第一個HTML ，作者aming，主頁 http://qietu.cn，加入WEB前端千人學習QQ群：308736107
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
