首頁  >  文章  >  web前端  >  HTML自學之旅(一)基本元素與屬性練習(自寫程式碼)_HTML/Xhtml_網頁製作

HTML自學之旅(一)基本元素與屬性練習(自寫程式碼)_HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:40:431533瀏覽

我是按照W3school上面的教學學習的,我個人覺得教學很不錯,每節都有小練習,加油!
都是自己敲的程式碼,有的書上反對自己寫程式碼,但是我覺得因為沒有基礎,自己寫寫還是有好處的,嘿嘿,個人意見不一樣。 。
練習1

複製程式碼

This is heading 1


This is heading 1


This is heading 1


This is heading 1


This is heading 1 h5>
This is heading 1



This is the first paragraph



這是連結區域

This is baidu link


This is w3school link

這是圖片區域

HTML自學之旅(一)基本元素與屬性練習(自寫程式碼)_HTML/Xhtml_網頁製作

這是表格區




tr>




Month Savings
January $100


換行功能

這句話
在這裡換行



這個段落有很多
空行
或空格
但是瀏覽器自動忽略
了它們


 <br>這是預格式文字<br>可以顯示空白行<br>和空格<br>還有程式碼<br>

 <br>while(true) <br>{ <br>sum=a b; <br>return sum; <br>cout} <br>





練習2
:

複製程式碼
程式碼如下:



This text is bold

This text is strong

This text is big

This text is small

This text is emphasized

This text is italic

This text contains下標

This text contains上標


 <br>這是預格式文字<br>哈哈<br>可以輸出空格<br>空行吧<br>

<br>while(true) <br>{ <br>computer code; <br>} <br>
keyboard input

Sampleple text

Computer variable


地址練習:

天津市SHUDIP

FERT R

ABC(收)

郵編:123456


縮寫練習

etc.

www.

文字方向練習//這裡不支援那個功能吧,本應該是從右到左輸出文字

Here is some text

塊的引用練習

這是長引用
這是長引用.這是長引用.這是長引用.這是長引用.這是長引用.這是長引用.這是長引用.這是長引用.這是長引用.這是長引用
這是長引用.這是長引用.這是長引用.這是長引用.這是長引用.這是長引用。這是長引用.這是長引用.這是長引用.這是長引用.這是長引用.這是長引用.這是長引用.這是長引用.這是長引用.這是長引用
這是長引用.這是長引用.這是長引用.這是長引用.這是長引用.這是長引用

這是短引用
短引用哇,短引用

刪除或添加文字效果練習

一打有二十十二個哦





一定是超級簡單啦,嘿嘿,堅持!
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn