Home
Web Front-end
HTML Tutorial
HTML Learning Tutorial 7: The First HTML Template_html/css_WEB-ITnose



HTML Learning Tutorial 7: The First HTML Template_html/css_WEB-ITnose
Jun 24, 2016 am 11:48 AM
This example combines the usage of various elements in the previous six basic tutorials for your reference
<html><head > <meta charset="utf-8"><style type="text/css">div#container{width:600}p {margin-left: 20px}h1 {color: red}p {color: blue}</style></head><body bgcolor="green"><div id="container"><hr/><a name="tip_top">這是頂部</a><a href="#tips">跳至底部</a><hr/><h4>鏈接測試</h4><p><img id="s_lg_img" src="http://www.baidu.com/img/bdlogo.png" width="270" height="129" alt="圖片無法加載"><a name="label" href="http://www.qq.com" target="qq_main"> 在下面內嵌框架中打開騰訊首頁</a></p><hr/><h4>內嵌框架<h4/><iframe src="http://www.baidu.com" width="600" height="200" name="qq_main" ></iframe><hr/><h4>表單測試:</h4><form> <fieldset> <legend>用戶信息</legend> 用戶:<input type="text" /> 密碼:<input type="text" /> <input type="button" value="這是按鈕"> </fieldset></form><hr/><h4>格式輸出測試:</h4><h1>春曉</h1><pre class="brush:php;toolbar:false"> 春眠不覺曉, 處處聞啼鳥。 夜來風雨聲, 花落知多少。
第一列 | 第二列 | |
---|---|---|
row 1, cell 1 | row 1, cell 2 | row 1, cell 2 |
| row 2, cell 2 |
列表測試:
- 咖啡
- 茶
- 紅茶
- 綠茶
- 中國茶
- 非洲茶
- 牛奶
這兒是鍵盤輸入字符
This is a paragraph
段落測試
這是
第一段
這是
第二段

這是底部跳至頂部有用的提示