從0學起的...圖文、網頁、設計筆記

HTML與CSS差異 HTML是結構(例如標題、段落、列表ul/li) CSS是樣式(顏色、大小、美化的工作) 如何插入CSS? 1.建立網頁 先儲存成index.html再按驚嘆號+TAB或是ENTER鍵 插入CSS>>熱鍵  link:css  < link rel = "stylesheet" href = "style.css" > *rel 和 herf 分別表示  2.建立CSS  儲存成style.css後再撰寫 3.選擇器(挑選html標籤做設定) >>此處為html標籤選擇器 選擇器{                屬性:設定值                屬性:設定值 } h1 {     Color : orange ;     font-size : 24px ; } CSS常見錯誤 1.檢查小工具:使用chrome的檢查工具 (打開寫好的網頁，右鍵選擇檢查，觀看elememt) 可看見html和CSS間的結構關係是否正確 2.常見錯誤 單字拼錯(font拼成front...) 路徑錯誤(herf後所連結的路徑是錯的..) 格式錯誤(少了分號做中斷、或是少了大括號等等) 認識檢查工具可協助自己判斷、解決問題

 3-16 在網頁上加上a連結標籤 一般的文字連結(藍字有底線的那個) < a href ="外部網頁連結">文字說明< /a > 開啟網頁是 開啟在新的分頁(新增a標籤的target屬性) <a target =" _blank " href="外部網頁連結">文字說明</a> 新增文字說明(a標籤的title屬性) <a  target ="_blank" href="外部網頁連結" title ="顯示說明的文字小標">顯示文字</a> 3-17 段落 p 與連結 a 的混合應用 使用段落中文字作為連結 依樣要把顯示的文字放在a標籤的起始與結束之間，這邊我是放「美國媒體  」 也順便連結外部圖片的img標籤進行練習 3-18  認識 ul li 列表標籤 ul、il的應用比想像中要廣泛些 應用 補充 ul : unorder list li  : list item ol : order list