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號