Day: October 19, 2021

網頁設計範例
網頁設計入門教學(教你寫一個簡單的網頁)

網頁的組成 HTML網頁的具體內容和結構 CSS網頁的樣式(美化網頁最重要的一塊) JavaScript網頁的交互效果,比如對用戶鼠標事件作出響應 什麼是HTML HTML的全稱是HyperTextMarkupLanguage,超文本標記語言其實它就是文本,由瀏覽器負責將它解析成具體的網頁內容 跟XML類似,HTML由N個標籤(節點、元素、標記)組成 HTML語法非常鬆散 常見的HTML標籤 標題:h1,h2,h3,h4,h5… 段落:p 換行:br 容器:div,span(用來容納其他標籤) 表格:table,tr,td 列表:ul,ol,li 圖片:img 表單:input 鏈接:a 推薦開發工具VSCODE、dreamweawer、flash、fireworks;WebStorm. HTML運行效果 什麼是CSS CSS的全稱是Cascading Style Sheets,層疊樣式表它用來控制HTML標籤的樣式,在美化網頁中起到非常重要的作用 CSS的編寫格式是鍵值對形式的,比如color : redbackground-color : bluefont-size : 20px冒號左邊的是屬性名,冒號右邊的是屬性值 CSS三種書寫方式行內樣式:(內聯樣式)直接在標籤的style屬性中書寫 內頁樣式:在本網頁的style標籤中書寫 外部樣式:在單獨的CSS文件中書寫,然後在網頁中用link標籤引用test.css CSS選擇器 選擇器的作用選擇對應的標籤,為之添加樣式 標籤選擇器 根據標籤名找到標籤類選擇器 標籤可以有多個類id選擇器 id是唯一的,不能一樣選擇器組合 中間不留空格,粘在一起後代選擇器 中間一個空格,不管嵌套多少層相鄰兄弟選擇器屬性選擇器 偽類 屬性 描述 :active 向被啟動的元素添加樣式 :focus 向擁有鍵盤輸入焦點的元素添加樣式 :hover 當滑鼠懸浮在元素上方時,向元素添加樣式 :link 向未被訪問的鏈接添加樣式 :visited 向已被訪問的鏈接添加樣式 […]

Read More