標籤: HTML 頁1

網路資源

Interneting Is Hard- 教你一些跟網頁相關的基礎開發知識

Interneting Is Hard 是一個打著 XX 是困難的,但是可以克服口號的網站,上面目前有基礎的 CSS 跟 HTML 教學,有興趣的可以看看,或者可以補充一些基本觀念。

教學

網頁小知識#2- 網站的相對路徑關係

關於網站相對路徑,你應該要認識的事。

教學

網頁小知識#1- html 檔名設為 index 的目的

設為 index 的話就可以不用輸入檔名,輸入到路徑那層就可以開啟頁面了。

教學

解決 iOS 上當下拉式選單(select)內 option 的文字太長,內容會被截斷的問題

解決 iOS 內下拉式選單(select) option 文字過長會被截斷的問題。

網路資源

Emmet- 前端開發輔助神器,讓你在撰寫 HTML 與 CSS 上可以更輕鬆

Emmet 是一個可以讓你在撰寫 HTML 與 CSS 上可以更輕鬆的套件,已支援許多網頁開發編輯器,可以透過這份官方文件清楚知道有哪些熱鍵可以使用。

網路資源

W3Schools- 非常老牌且豐富的網頁教學網站

W3School 是一個非常老牌的網頁技術教學網站,在這邊可以學到各種網頁技術,舉凡 HTML、CSS、javascript、PHP、Python...等非常豐富,網站內也有語法教學與線上測試工具。

教學

自訂 facebook 分享資訊(og:meta data)與更新分享資訊的方法

目前要做網站的話,一定都要做好社群網站的分享,台灣最主要就一定是要做好 facebook 的分享設定,沒有做好設定的話 fb 會自動幫你抓到一些圖跟內文,但可能成效會很差,加的方法很簡單,只要在每個頁面加上以下這些就可以了。

教學

HTML 的 output 標籤

認識一下 HTML 的 output 標籤,這個標籤可以直接把輸入的內容輸出。

教學

HTML 的 datalist 標籤

datalist 是 HTML5 新增的滿有趣的標籤,這邊簡單說明一下用法。

教學

script 標籤中的 async 與 defer 的差別

而在 HTML 5 之後,我們可以利用在 script 讀取外部資源的事後加上 async 或 defer 來幫我們優化頁面渲染的時間點,這邊就這兩個的差別簡單的說明一下。

教學

修改 html input placeholder 的顏色

placeholder 是 HTML5 後新增的 input 欄位的浮水印效果,可以用來提示使用者輸入的內容與格式之類的,要修改 placeholder 的顏色,要使用 CSS 的 ::placeholder 屬性。

教學

HTML5 棄用的標籤

HTML5 普及後,以下是建議不要再使用的標籤,包含:big、basefont、center...等。

教學

HTML 基本架構與 meta 資料

HTML 是一種標籤語言,一個正確的 HTML 標籤必須包含「<」和「>」,做好適當的設定後,網頁就能正常呈現。

教學

HTML5 新的 input 屬性

HTML5 新的 input 的類型,包含color、range、number、email、url、tel、search、date、time、datetime-local、week、month...等

教學

什麼是 HTML?

HTML 指的是超文本標記語言(英語:HyperText Markup Language,簡稱:HTML)是一種用於建立網頁的標準標記語言,是構成網頁的基礎。

教學

可編輯的 HTML 區塊- contenteditable 與 designMode

contenteditable 與 designMode 都是 html5 新增的屬性,目的就是讓 html 的區塊變成可以編輯,差別在於 contenteditable 是用來指定區塊,而 designMode 則是可以對整個 html 文件切換可編輯狀態。

教學

HTML5 新的語意元素

HTML5 在區塊上多了許多新的包含語意的元素,這些可以取代以往都是用 div 來排版時辨識以及意義上的問題,使用有語意的標籤除了可以讓瀏覽器更清楚理解區塊的內容。

教學

HTML5 介紹與前言

為因應網際網路應用迅速發展的時候,由全球資訊網協會(W3C)於2014年10月完成 HTML5 標準制定,目前是HTML最新的修訂版本。其目標是取代1999年所制定的HTML 4.01和XHTML 1.0標準,以使網路標準達到符合當代的網路需求。