[手刻] - 網頁練習-TributePage

這是剛開始透過freeCodeCamp學習html,css差不多過10天的時候的一個案例,透過修改一些內容來感受html與css的實際效果,是第一次修改網頁上看到的東西。

Demo

網頁練習-Tribute Page - Demo

1. Introduction 網頁介紹

這個網頁是從Code Pen上的例子修改過來的。
上面是h1標題,p文字敘述,之後區塊則是照片與照片敘述,experience區塊則是用了h2標題跟ul包住li清單,
最後再用blockquoteur加上h3配上粗體與a連結。

2. Layout Notes

一開始的title用的是h1,敘述是p,之後照片跟照片的描述用div包住,照片描述前面自己新增了一個a連結,接著ㄇ
experienece則是用ul包住li清單並搭配粗體tag。
最後則是引言blockquote,會帶有斜體字效果,後一行則為h3標題加上a連結。