Practice Page

Jump to My Information

Float Practice Page (包含導覽列練習)

Javascript 練習網頁

這段文本可以被編輯。(點擊可編輯)

Text and Date input form

Radio form

Select form

Datalist element

Responsive form

The output Element and Javascript Calculation

請操縱滑桿或調整數字

Log in Form

Select File

Table

Personal Information
Name	Jill	Eve
Name	Smith	Jackson
Age	50	94

**Student Information**
姓名	性別	學校	就讀年級	特殊要求
家新	女生	新莊高中	高三學測數B	無
雪譁	女生	高師附中	高三學測數A	無
以蕎	女生	道明高中	高三學測數A	無
蓉韓	女生	道明中學國中部	國一先修國二	需補充國一資優數學
羽琴	女生	不確定	國二	無

This is heading2.

This is a paragraph.

用br會
換行

Please login

這是_上標，這是^下標

用pre可以保存文章格式:

        a+b=c
        x+y=z

Link style

a:link - a normal, unvisited link
a:visited - a link the user has visited
a:hover - a link when the user mouses over it
a:active - a link the moment it is clicked

CSS Conbinators

div p : 選擇所有在 <div> 元素內的 <p> 元素
ul>li : 選擇所有直接在 <ul> 元素下的元素 <li>
(若是有被其他元素包住則不適用)
h1+p : 選擇緊跟在 </h1> 元素後面的第一個 <p> 元素
h1~p : 選擇所有在 </h1> 元素後面的 <p> 元素

This is Bold.

This is Strong!(螢幕閱讀器會知道這裡是重點)

This is 斜體i.

This is em.(螢幕閱讀器會知道這裡是重點)

Use mark to markdown the word.

Use delete to ~~delete~~ the word.

Use ins to: My favorite color is ~~red~~ green.

Use q to insert quotation marks

The WHO was founded in 1948.

abbr 用於顯示縮寫字的全名

Use bdo makes letters right to left [從右到左]

Here is a quote from Code Cademy:

Programming is all around us, from the take-out we order to the movies we stream. Whether you’re about to start your journey as a developer or just want to increase your digital literacy, knowing the basics of coding will be beneficial to your career. Instead of teaching a specific programming language, this course teaches programming fundamentals that can be helpful for any language you learn.