前端方向-軟件界面
- 前端的核心意義
- 通過界面展示數(shù)據(jù)
- 通過界面獲得數(shù)據(jù)
- 前端開發(fā)核心技術(shù)
- html 超文本標記語言
- css 層疊樣式表語言
- Javascript 動態(tài)腳本語言
- 學(xué)習(xí)過程使用軟件 HBuilder X
html基礎(chǔ)語法
新建后第一行<!DOCTYPE html>代表html版本5
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>前端開發(fā)</title>
</head>
<body>
html
<big>html</big>
<small>html</small>
<strong>html</strong>
<em>傾斜html</em><!-- 來個注釋 -->
<h1>大號標題html</h1>
<!-- hn標題標記 內(nèi)容變大加粗 獨占一行 -->
<h2>html</h2>
<h3>html</h3>
<h6>小號標題html</h6>
<hr color="blue" >
<!-- hr水平線標記 -->
<!-- "blue"標記屬性 -->
<a >去百度</a>
<!-- a標記 超鏈接標記 可以完成界面跳轉(zhuǎn) 必須設(shè)定href屬性 跳轉(zhuǎn)地址 -->
<hr >
<!-- img圖片標記 必須設(shè)定src屬性 圖片地址 width寬度 height高度 -->
<img width="400px" height="300px" src="https://t7.baidu.com/it/u=1813417221,3120900974&fm=193&f=GIF" >
<!-- 直接復(fù)制圖片地址 -->
<img width="400px" height="300px" src="IMG_20180718_110412.jpg" >
<!-- 本地圖片復(fù)制進工程，img src直接選 -->
</body>
</html>
html語法核心是標記 被一對尖括號括起來的一個英文單詞稱為標記（標記一般分為起始標記和結(jié)束標記 結(jié)束標記名字前加“/”）
通過起始和結(jié)束劃分出一個范圍
標記之間會有父子關(guān)系和兄弟關(guān)系（代碼中最好使用tab鍵體現(xiàn)父子關(guān)系）
html代碼是由標記和文本內(nèi)容構(gòu)成
前端的代碼需要通過瀏覽器運行
運行時標記是不顯示的，控制中間內(nèi)容展示（快捷鍵ctrl+/ 注釋）
- 標記顯示有兩種情況
- 獨占一行顯示 如h1 h2..
- 共處一行顯示
- 標記編寫情況
- 成對編寫有起始標記有結(jié)束標記 中間必須要有內(nèi)容 可以是子標記或者文字內(nèi)容
- 單獨編寫 只有起始標記 不需要中間內(nèi)容 本身就是一個顯示內(nèi)容 如hr水平線標記
- 標記屬性
- 編寫在起始標記中
- 屬性名="屬性值"
- 屬性代表標記的某一特征
- 一個標記可以根據(jù)需要設(shè)置多個屬性
