iT邦幫忙

鐵人檔案

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

網頁開發(html.css) 系列

想透過一邊學習一邊分享自己得到學習網頁開發的過程

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

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

前一陣子接觸到Python中的Dashboard,開始研究有關網頁開發的HTML、CSS嗯~只能說這真的是很大的一個版圖,需要花很多時間來好好鑽研所以接下來的3...

2022-09-01 ‧ 由 claireyang 分享
DAY 2

Day2:網頁開發學習之路-HTML基本骨架(skeleton)

要開始寫HTML必須要有一個好用的工具,網路上有幾款比較推薦的免費HTML編輯器例:VS Code、Sublime Text、Notepad++ VS Co...

2022-09-02 ‧ 由 claireyang 分享
DAY 3

Day3:網頁開發學習之路-標題、段落與項目列表

標題、段落 在 HTML 裡有六種標題元素:<h1>、<h2>、<h3>、<h4>、<h5>、&lt...

2022-09-03 ‧ 由 claireyang 分享
DAY 4

Day4:網頁開發學習之路-網頁製作

要開始一個網頁之前必須先有一個HTML的基本骨架,在VS Code裡面按下「! 」,就可選取內建已經預設的內容 裡面的內容包含<!DOCTYPE htm...

2022-09-04 ‧ 由 claireyang 分享
DAY 5

Day5:網頁開發學習之路-表格製作

表格基本標籤: 在html中要製作表格基本會使用到以下標籤<table> 表格, <tr> 橫列, <td> 直行 <...

2022-09-05 ‧ 由 claireyang 分享
DAY 6

Day6:網頁開發學習之路-表單製作(一)

HTML表單(form)主要是用來讓使用者輸入某些特定資料像網站客戶註冊時需要輸入一些基本資料來做認證,或是某些網站會有客戶意見回饋、滿意度…等都可以透過表單的...

2022-09-06 ‧ 由 claireyang 分享
DAY 7

Day7:網頁開發學習之路-表單製作(二)

1.<textarea> 標籤 表單裡的<textarea> 標籤可以用來輸入多行文字當表單內容需要填寫較多的文字,ex:意見調查、建議...

2022-09-07 ‧ 由 claireyang 分享
DAY 8

Day8:網頁開發學習之路-div與span(一)

在網頁當中很常(看)使用到標籤之一就是div,div被視為一個區塊也是一個無預設的標籤,什麼是無預設的標籤呢??舉例來說,<h3>就是屬於有預設的標...

2022-09-08 ‧ 由 claireyang 分享
DAY 9

Day9:網頁開發學習之路-div與span(二)

span標籤由一個<span>標籤開始並由一個</span>標籤結束讓我們輕易的修改網頁中的各種小區塊,文章中有特別的段落或文字要做加強...

2022-09-09 ‧ 由 claireyang 分享
DAY 10

Day10:網頁開發學習之路-icon與img

icon logo 瀏覽網站時,常可以看到網頁網址列上附有logo圖示 作法是在<head>裡面加上 <link rel="shor...

2022-09-10 ‧ 由 claireyang 分享