iT邦幫忙

2022 iThome 鐵人賽

DAY 1
1
自我挑戰組

網頁開發(html.css)系列 第 1

Day1:網頁開發學習之路-HTML基本介紹

  • 分享至 

  • xImage
  •  

前一陣子接觸到Python中的Dashboard,開始研究有關網頁開發的HTML、CSS
嗯~只能說這真的是很大的一個版圖,需要花很多時間來好好鑽研
所以接下來的30天,一邊學習一邊紀錄,希望30天後自己能有大大的收穫

<以下正式開始我的30天鐵人賽,gogogo~>

HTML全名是HyperText Markup language ,翻譯成中文也就是超文本標記語言
是網頁構成的基本要素,網頁就是由一堆HTML所構成,然後經由瀏覽器(Browser)
顯示文字、圖片....等基本元素。
像是檔案需要被支援的檔案開啟程式所啟動,HTML是檔案,瀏覽器(Browser) 開啟檔案的程式工具

HTML用「標記」(markup)來詮釋文字、圖像、或其他能在瀏覽器裡面顯示的內容。
HTML標記還包括一些特殊「元素」(element),元素包含了標籤(tags (en-US))與內容(content),可以用標籤來控制內容呈現的樣貌,例如字體大小、斜體粗體、在文字或圖片設置超連結等

若要看到網頁的原始內容,只要在網頁空白的地方按滑鼠右鍵
點擊檢視網頁的原始碼(或按F12),就可以看到網頁的最原始內容。
原始碼中前後都有< >網頁內容< />(標籤)包起來的內容,就是HTML

HTML雖然可建置出一個基本的網站,但功能有限
若要把網頁設計的較有美感或跟使用者有一些互動性
還會使用到CSS、JavaScript。

HTML就像是一個網頁的骨架,支撐起一個網頁的基本架構
CSS則像是一個網站的衣服,負責外觀的部分
JavaScript是一種程式語言,透過它來設定網站的一些動作

之後會陸續介紹有關HTML、CSS相關功能、屬性


下一篇
Day2:網頁開發學習之路-HTML基本骨架(skeleton)
系列文
網頁開發(html.css)30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言