iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

網頁前端工程探討 系列

我是網頁設計的新手,一切都在揣摩中。希望藉由此次鐵人賽,能帶給自己更多的歷練和技能上的純熟。

鐵人鍊成 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 1

前言:新手入門–忐忑不安的開始

大家好!我是第一次參加iT鐵人賽,看到iT邦裡高手如雲,我一個菜鳥入門,心裡真的是感到萬分的忐忑與不安。在上大學前,求學歷程背景是第一類組,對於理工資訊類的相關...

2021-09-16 ‧ 由 angelchou 分享
DAY 2

網頁三巨頭:HTML、CSS、JavaScript的關聯性

建立一個網頁需要三個技術HTML、CSS、JavaScript缺一不可!!今天來介紹這三個技術有何關聯性:觀念概說:什麼是 HTML?HTML:是英語Hyper...

2021-09-17 ‧ 由 angelchou 分享
DAY 3

認識HTML(一)

現在大多數人使用網路的方式是瀏覽網頁,透過網頁可以讀取資訊,再經由網頁上的超連結前往網路上的任何地方。網頁是由HTML語言組成,透過標籤來結構化資訊,也有描述文...

2021-09-18 ‧ 由 angelchou 分享
DAY 4

認識HTML(二)

1.VS code寫網頁的編輯器有許多種,我使用的編輯器是Visual Studio Code(簡稱 VS Code)它是一款由微軟開發且跨平台的免費原始碼編輯...

2021-09-19 ‧ 由 angelchou 分享
DAY 5

認識HTML(三)

常見的HTML elements 標題headings若想在文字中設定像章節名稱之類的標題,可以使用<h1~h6>的元素,數字越小,顯示出來的字體越大 例如:在...

2021-09-20 ‧ 由 angelchou 分享
DAY 6

認識HTML(四):加入圖片

在HTML文件中加入圖片,可以在想置入圖片的地方使用img標籤。 <img>是單一元素,它不用開頭和結尾標籤,單獨一個<img>即可,我們稱這樣的標籤為空元素(...

2021-09-21 ‧ 由 angelchou 分享
DAY 7

認識HTML(五):建立超連結和清單

www又稱互聯網,也就是網路上的網頁都可以透過超連結互相聯結起來。超連結就是HTML文件中,指向另一個HTML 文件的連結,按下超連結的文字,瀏覽器就會開啟超...

2021-09-22 ‧ 由 angelchou 分享
DAY 8

認識HTML(六):表格與表單

基本的表格構成在HTML中的表格結構是以列及欄位定義出來的。 表格會用到以下三個元素:table、 tr 、td,標示出表格的位置。 table:標示出表格...

2021-09-23 ‧ 由 angelchou 分享
DAY 9

認識HTML(七):表單欄位(上)

表單input元素 一般表單中所看到的輸入欄位,可以用 <INPUT> 元件與其屬性type來設定。只要設定不同的type屬性值,就會出現不同的輸入...

2021-09-24 ‧ 由 angelchou 分享
DAY 10

認識HTML(八):表單欄位(下)

選擇式的輸入欄位 單選選項 : <INPUT type="radio">目的是讓瀏覽者在選擇欄位中,只能選取其中一項。設...

2021-09-25 ‧ 由 angelchou 分享