iT邦幫忙

鐵人檔案

第 11 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

~網頁入門~ 系列

運用所學簡單介紹網頁

鐵人鍊成 | 共 30 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文 團隊紅蟳當兵等他開賽
DAY 1

Day01-前言

我是第一次參加鐵人賽的學生,知識微薄不敢保證所寫的東西之完整性,但 會盡量多方攝取資料,若還是有不足之處,希望各位不吝指教,我會多多學習 的。 基本上我是把我目...

2019-09-17 ‧ 由 Sherry 分享
DAY 2

Day02-網站的運作與分類

提到網頁,我們常常會聽到「前端」、「後端」這兩個名詞。所以在了解網頁的基本架構之前,我們首先來看看網頁是如何運作的~ 甚麼是前端、後端? 前端 (Front-e...

2019-09-18 ‧ 由 Sherry 分享
DAY 3

Day03-網頁基本架構(上)

網路上有著各式各樣的網站,看似五花八門,但其實基本的頁面都是由 HTML 與 CSS 所構成,再加入程式語言來增加與使用者間的互動。這一篇,我要先來介紹一下 H...

2019-09-19 ‧ 由 Sherry 分享
DAY 4

Day04-網頁基本架構(下)

上次提到了呈現網頁畫面的 HTML 與 CSS,但網頁總不能只有畫面,要讓網站能夠和使用者互動,就必須加入程式語言。這次就來簡單介紹網頁所使用的程式語言吧! 網...

2019-09-20 ‧ 由 Sherry 分享
DAY 5

Day05-HTML(1)

首先,我們先用一個簡單的範例來做介紹 二話不多說,先來看一下頁面的樣子,我再來慢慢講解 <!DOCTYPE html> 是用來聲明,這個文件是...

2019-09-21 ‧ 由 Sherry 分享
DAY 6

Day06-HTML (2) – 有趣的文字樣式

無論是哪個網站,都需要放入文字讓使用者可以閱讀,上次提到了可以放文章內容的 <p> 標籤,下面我們就來介紹一些簡單又實用的文本格式元素吧~ &l...

2019-09-22 ‧ 由 Sherry 分享
DAY 7

Day07- HTML (3) – 工程師必備 “註解”

這次,我們來介紹不管是寫程式還是寫網頁,絕對必備的超好用功能註解。 首先來說說註解在寫「網頁」時的寫法:在註解起始處寫上 <!--,並在結束處寫上 --&...

2019-09-23 ‧ 由 Sherry 分享
DAY 8

Day08-HTML(4) - 圖片

之前Day06介紹了可以輸入文字內容的 <p> 標籤和一些文本格式,網頁有了內容和基本排版。但是,只有文字顯得太過單調了!想要在網頁中放上圖片來輔佐...

2019-09-24 ‧ 由 Sherry 分享
DAY 9

Day09-HTML(5) – CSS樣式 Styles

上一篇講圖片時,有提到 style 屬性。提到網頁的樣式,當然就會想到 CSS 囉~ 那麼首先來介紹一下,有哪些方式可以在 HTML 裡使用 CSS 樣式吧!...

2019-09-25 ‧ 由 Sherry 分享
DAY 10

Day10 – HTML(6) – 超連結、網頁書籤

在上一篇我把參考資料用超連結的方式給大家看,你們會不會好奇,要如何在網頁中放上超連結呢?今天我們就來講講超連結的使用方式吧! 首先,要使用超連結,你需要的是&l...

2019-09-26 ‧ 由 Sherry 分享