web前端學習
一、學習路徑
HTML5->CSS3->JS
- HTML主要是網頁的基本組成部分
- CSS設計美化網頁
- JS產生與用戶的交互(使用jQuery封裝)
二、HTML5學習
①初識HTML
- HTML:Hyper Text Markup
- Language(超文本標記語言)
超文本主要包括文字,圖片,音頻,視頻,動畫等 - W3C:萬維網聯盟
- W3C標準組要包括
1、結構化標準語言(HTML、XML)
2、表現標準語言(CSS)
3、行為標準語言(DOM、ECMAScript)
②軟件準備
- Hbuilder
③開發學習
-
- HTML的基本結構
<!--DOCTYPE 指定使用的規范-->
<!DOCTYPE html>
<html>
<!-- head 表示網頁頭部 -->
<head>
<!-- meta (描述標簽)描述網站信息 -->
<meta charset="utf-8" />
<!-- title 網頁標題 -->
<title>Happy Everyday</title>
</head>
<!-- body網頁主體 -->
<body>
Happy Birthday to you!
</body>
</html>
-
title部分是表示在瀏覽器的標題,如下:
![]()
-
body部分是顯示在網頁的內容,如下:
![]()
-
- HTML的基本標簽
<body>
Happy Birthday to you!
<!-- 標題標簽 -->
<h1>mark_one</h1>
<h2>mark_two</h2>
<h3>mark_three</h3>
<!-- 段落標簽 p+TAB鍵快速生成 -->
<p/>charpter_one</p>
<p/>charpter_two</p>
<!-- 水平標簽 產生水平線 -->
<hr>
<!-- 換行標簽(單標簽) 自閉合-->
line_one:abcdefg<br>
line_two:hijklmn<br>
<!-- 字體樣式標簽 -->
<p>粗體:<strong>Happy Birthday</strong></p>
斜體:<em>Happy Birthday</em><br>
<!-- 注釋和特殊符號 -->
空 格: Happy Birthday
>
<!-- 大于號 -->
<br>
<
<!-- 小于號 -->
</body>
- 上述標簽實際運行如下:
![]()



浙公網安備 33010602011771號