Title1
Title2
Title3
Login
Link
Search
本站消息
優惠商品
BootStrap4 佈景含控制模組
課程教材
Google日曆(點2下)
雲端工具入門
行動應用企劃人員養成班
萬用表單5
GAS+LineBot開發
研習
萬用表單5
鐵人賽-Google Apps Script整合運用
GAS+LineBot開發
樂齡3C學習不斷電
臺東專科學校
GAS 開發 LineBot 自動接單系統
德鍵
112行動應用企劃人員養成班
111網頁前端設計工程師培訓班
110網頁前端設計工程師培訓班
網頁前端設計工程師培訓班
old
網頁前端設計與開發運用培訓班
Javascript & JQUERY
免費釋出專案
萬用表單
自動資料查詢
台南社大
113-01-雲端工具入門
112-02-AI自動管理
112-01-用QRCODE打造自動化環境
110-01-用雲端打造自動化環境
用雲端打造自動化環境
Google雲端智慧王
讓雲端工具提昇工作效率
Google 速學工作術
台南市總圖
教你如何使用LINE Bot機器人增加工作效率
Google雲端工具基礎應用
Google雲端工具進階應用
工作自動化與行銷(台南社大)
全部教材
台南市人力發展中心
Google工具應用實務班
企業課程
鐳達實業有限公司
GAS研習-20200726
中正大學-GAS研習
將軍圖書館
Google雲端工具基礎應用
Google雲端工具進階應用
南方創客
GitHub 衍伸應用
Google 應用工作術
永康社大
用雲端打造自動化環境(110-春季班)
用雲端打造自動化環境
南關社大
電腦、手機生活應用
遠端桌面
公司業務
傳送檔案
adwcleaner
W10 更新
客戶網站
最近完工
裕來企業股份有限公司
新化社大校務系統
亞洲大視覺傳達設計學系
5C Precision Co., Ltd.
大灣駕駛訓練班
BALANCE 1
RWD網站
東北關廟麵
曼馱有限公司
永宸昕有限公司
昌美實業社
形象網站
勇信機械有限公司
GAS專案
聯絡我們&案件委託
工具
線上圖片編輯
工具
訂閱電子報
所有書籍
「網頁設計好好玩」目錄
MarkDown
7. sublime使用方法
1. 網頁設計開發環境
2. 設定GITHUB PAGES為網頁伺服器
3. GIT軟體操作
4. GIT 下載 數據庫
5. 每次開始上課時要做的事情
6. 我的第一個網頁程式
7. sublime使用方法
8. html區塊、圖片
9. 線上編輯圖片
10. HTML列表與CSS介紹
10-1 練習
11. 免費樣板
12. 自動跳轉頁面
13. Bootstrap4 介紹
13-1 bootstrap4 排版
14. 套用電子相簿
15. Bootstrap免費樣板
16. 設計Google雲互動表單
17. 網頁優化提升網站搜尋排名
18. Google流量分析
19. Google地圖、影音套件
20. 成立臉書粉絲專頁
21. 網站與社群網站連接
9. 線上編輯圖片
網頁設計好好玩 ======= 一、網站區塊 1. 行內元素(inline) 和其他元素都在一行上; 高,行高及頂和底邊距不可改變; 寬度就是它的文字或圖片的寬度,不可改變。
a - 錨點abbr - 縮寫
acronym - 首字 b - 粗體(不推薦) bdo - bidi override big - 大字體
br - 換行
cite - 引用 code - 計算機代碼(在引用源碼的時候需要) dfn - 定義字段 em - 強調 font - 字體設定(不推薦) i - 斜體
img - 圖片
input - 輸入框 kbd - 定義鍵盤文本 label - 表格標簽 q - 短引用 s - 中劃線(不推薦) samp - 定義范例計算機代碼 select - 項目選擇 small - 小字體文本
span - 常用內聯容器,定義文本內區塊
strike - 中劃線 strong - 粗體強調 sub - 下標 sup - 上標 textarea - 多行文本輸入框 tt - 電傳文本 u - 下劃線 var - 定義變量 2. 區塊元素(block) 總是在新行上開始; 高度,行高以及頂和底邊距都可控制; 寬度預設是它的容器的100%,除非設定一個寬度。 address - 地址 blockquote - 塊引用 center - 舉中對齊塊 dir - 目錄列表
div - 常用塊級輕易,也是css layout的主要標簽
dl - 定義列表 fieldset - form控制組
form - 交互表單
h1 - 大標題 h2 - 副標題 h3 - 3級標題 h4 - 4級標題 h5 - 5級標題 h6 - 6級標題
hr - 水平分隔線
isindex - input prompt menu - 菜單列表 noframes - frames可選內容,(對于不支持frame的瀏覽器顯示此區塊內容 noscript - 可選腳本內容(對于不支持script的瀏覽器顯示此內容)
ol - 排序表單 p - 段落 pre - 格式化文本 table - 表格 ul - 非排序列表
二、插入圖片 1. <img src="
要插入的圖片 URL
" alt="
圖片替代文字
" title="
要顯示的文字
" border="
圖片邊框
"> 2. **HTML img 圖片參數**
**參數**
**用法說明**
src
圖片網址,必要項目。
border
圖片邊框,例如 border="0" 代表邊框為 0。
alt
圖片替代文字,當圖片顯示失效,則顯示 alt 文字。
title
圖片文字標示,當滑鼠移經圖片,自動顯示的文字。
width
圖片寬度,例如 width="120px" 代表寬度限制在 120px。
height
圖片高度,例如 height="100px" 代表高度限制在 100px。
3. 大圖下載: