Web學(xué)習(xí)筆記--從最基礎(chǔ)的開始
一、web前端開發(fā)語言: HTML、 CSS 、JavaScript?
????HTML：是一種用來描述網(wǎng)頁的超文本標(biāo)記語言，網(wǎng)頁的骨架。
????CSS：css層疊樣式表，用來修飾、美化網(wǎng)頁。
????JavaScript：腳本語言，網(wǎng)頁的大腦，讓網(wǎng)頁中的元素運動起來。
二、HTML標(biāo)簽
? ? HTML指的是超文本標(biāo)記語言，標(biāo)記語言是一套標(biāo)記標(biāo)簽。
? ? HTML標(biāo)記標(biāo)簽通常被稱為HTML標(biāo)簽（HTML Tag）
? ? HTML標(biāo)簽是由尖括號包圍的關(guān)鍵詞，比如<html>
? ? HTML標(biāo)簽通常是成對出現(xiàn)的，比如：<b> 和 </b>
? ? 標(biāo)簽對中的第一個標(biāo)簽是開始標(biāo)簽，第二個表圈是結(jié)束標(biāo)簽，開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽。
三、常用的標(biāo)簽
????行標(biāo)簽：<span></span>? ? ? ? 段落標(biāo)簽：<p></p>? ? ? ? ? ? 標(biāo)題標(biāo)簽：<h1>......<h6>
? ? 下標(biāo)：<sub></sub>? ? ? ? ? ? ? ? 上標(biāo)：<sup></sup>? ? ? ? ? ? 換行標(biāo)簽：<br />
? ? 斜體：<i></i>? ? ? ? ? ? ? ? ? ? ? ? ? ?加粗：<b></b>? ? ? ? ? ? ? ? ? ? 斜體（強調(diào)）：<em></em>
? ? 加粗（強調(diào)）：<strong></strong>? ? ? ??
????有序列表：<ol></ol>? ? ? ? 無序列表：<ul></ul>? ? 列表項：<li></li>? ? ? ? ? ? ? ? ? ??
自定義列表：<dl></dl>? ? ? ? ? ? 列表標(biāo)題：<dt></dt>? ? ? ? 列表項：<dd></dt>
四、常用標(biāo)簽寫法及使用
? ? 1、? ??img圖片標(biāo)簽
寫法：<img src="圖片路徑" />?
img屬性：
? ? ? ? ? ? ? ? src=‘路徑’
? ? ? ? ? ? ? ? width? ? 圖片寬度
? ? ? ? ? ? ? ? height? ? 圖片高度
? ? ? ? ? ? ? ? alt? ? ? ? ? 圖片的替代文本
? ? ? ? ? ? ? ? title? ? ? ? 標(biāo)題，給用戶提示信息（有利于用戶體驗）
????2、路徑
? ? 路徑分為兩種：
? ? ? ? ? ? ? ? ? ? ? ? ? ? 相對路徑：相對于當(dāng)前文檔位置去尋找文件
? ? ? ? ? ? ? ? ? ? ? ? ? ? 絕對路徑：絕對路徑名稱不能出現(xiàn)中文
????????????????????????????????????????????本地絕對路徑：從盤符出發(fā) D:\a\b\c\d.jpg
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 網(wǎng)絡(luò)絕對路徑：從域名出發(fā)：????????????????????????
3、a標(biāo)簽
寫法：<a href="url"></a>
作用：超鏈接、錨點、文件下載
? ? 超鏈接：鏈接網(wǎng)頁， href=‘url’ 中url是一個網(wǎng)頁地址
????????????target? ? 鏈接打開方式
????????????????????_blank：新窗口（空白頁面）
????????????????????_self：當(dāng)前窗口
? ? ? ? ? ? ? ????? <a href='url' target='_blank' />? ? 定義默認(rèn)網(wǎng)頁打開方式
????下載 ：href=‘url’ 中 url是一個文件的話? 就會下載。
? ? 錨點： href=‘#ID名’。
