<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>任務二</h1></title>
<style type="text/css">
body
{
margin:0;
padding:0;
background-color:#D1D1D1;
}
div
{
margin-top:15px;
margin-bottom:15px;
margin-left:20px;
margin-right:20px;
padding:18px;
background-color:#FFF;
border-right:3px solid grey;
border-bottom:3px solid grey;
}
a
{
text-decoration:none;
float:right;
margin:20px;
font-size:small;
color:#FFF;
}
a:hover{color:yellow; text-decoration:underline;} /*鼠標經過時*/
table,th,td{border: 1px solid #CCC; text-align:left;}
table{border-collapse:collapse;}
thead
{
background:#000;
color:#FFF;
}
tfoot
{
background:#CCC;
color:#000;
}
button
{
width:1200px;
height:25px;
color:white;
background:#06F;
font-size:medium;
}
#head
{
margin:0;
padding:0;
height:60px;
background-color:#000;
}
#foot
{
margin:0;
padding:0;
height:40px;
background-color:#000;
text-align:center;
font-size:small;
color:white;
}
#image_1
{
width:120px;
height:40px;
margin-top:10px;
margin-left:35px;
float:left;
}
#image_2
{
width:300px;
height:300px;
}
#image_3
{
width:400px;
height:300px;
margin:10px;
border:1px solid #CCC;
padding-top:30px;
padding-right:15px;
padding-left:15px;
padding-bottom:15px;
}
#sidebar
{
margin-left:30px;
margin-right:30px;
text-align:center;
}
#text{color:#CCC; font-size:small;}
#text1{text-align:left;}
</style>
</head>
<body>
<p id="head">
<img id="image_1" src="baidulogo1_看圖王.png" alt=""/>
<a href="http://www.baidu.com">百度一下</a>
<a href="http://ife.baidu.com">百度前端學院</a>
<a href="http://pan.baidu.com">百度網盤</a>
<a href="http://baike.baidu.com">百度百科</a>
</p>
<div>
<h1>HTML</h1>
<h2>我的第一個HTML</h2>
<p>作者;JGzui 時間：2017.2.27</p>
<p> 第一次加入百度前端學院，之前一直想好好學一下前端，刷知乎刷到這個，來過的都在推薦，所以一直在等開班，希望這次能堅持下去。</p>
<p>啊，這個說是很長很長的一段話，看來我要開始湊字數了。HTML指的是超文本標記語言 (Hyper Text Markup Language)，這個也是我們網頁最常用普通的語言了，經歷了多個版本的發展，已經發展到5.0版了，得力於W3C建立的標準和規範，已普遍升級到了XHTML，XHTML 指可擴展超文本標籤語言（EXtensible HyperText Markup Language）， XHTML 於2000年的1月26日成爲 W3C 標準，是更嚴格更純淨的 HTML 代碼，XHTML 的目標是取代 HTML。XHTML 與 HTML 4.01 幾乎是相同的，XHTML 是作爲一種 XML 應用被重新定義的 HTML，是一個 W3C 標準。W3C 將 XHTML 定義爲最新的HTML版本。所有新的瀏覽器都支持 XHTML。</p>
<img id="image_2" src="1.png" alt="" />
<p>好了，廣告時間到，<a href="http://ife.baidu.com">百度前端學院</a>你值得<b>擁有!</b></p>
</div>
<div>
<h1>文章一級標題</h1>
<h2>文章二級標題</h2>
<p>作者;JGzui 時間：2017.2.27</p>
<p> 第一次加入百度前端學院，之前一直想好好學一下前端，刷知乎刷到這個，來過的都在推薦，所以一直在等開班，希望這次能堅持下去。</p>
<p>啊，這個說是很長很長的一段話，看來我要開始湊字數了。HTML指的是超文本標記語言 (Hyper Text Markup Language)，這個也是我們網頁最常用普通的語言了，經歷了多個版本的發展，已經發展到5.0版了，得力於W3C建立的標準和規範，已普遍升級到了XHTML，XHTML 指可擴展超文本標籤語言（EXtensible HyperText Markup Language）， XHTML 於2000年的1月26日成爲 W3C 標準，是更嚴格更純淨的 HTML 代碼，XHTML 的目標是取代 HTML。XHTML 與 HTML 4.01 幾乎是相同的，XHTML 是作爲一種 XML 應用被重新定義的 HTML，是一個 W3C 標準。W3C 將 XHTML 定義爲最新的HTML版本。所有新的瀏覽器都支持 XHTML。</p>
<img id="image_2" src="1.png" alt="" />
<p>好了，廣告時間到，<a href="http://ife.baidu.com">百度前端學院</a>你值得<b>擁有!</b></p>
<ul>
<li>小薇學院</li>
<li>斌斌學院</li>
<li>耀耀學院</li>
</ul>
</div>
<div>
<h2>圖片</h2>
<p>好看的圖片</p>
<img id="image_3" src="E:/日常/weibo/Maciej Dakowicz 趣味瞬間.jpg" /><br/>
<img id="image_3" src="E:/日常/weibo/Maciej Dakowicz 趣味瞬間1.jpg" /><br/>
<img id="image_3" src="E:/日常/weibo/Maciej Dakowicz 趣味瞬間2.jpg" />
</div>
<div>
<h1>學習總結</h1>
<h2>HTML學習</h2>
<p> JGzui 2017.2.27</p>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>
<p>表格</p>
<table width="1200">
<thead>
<tr>
<th width="400">姓名</th>
<th width="400">數學</th>
<th width="400">英語</th>
</tr>
</thead>
<tbody>
<tr>
<td width="400">小明</td>
<td width="400">90</td>
<td width="400">89</td>
</tr>
<tr>
<td width="400">小紅</td>
<td width="400">90</td>
<td width="400">91</td>
</tr>
<tr>
<td width="400">小華</td>
<td width="400">87</td>
<td width="400">99</td>
</tr>
</tbody>
<tfoot>
<tr>
<td width="400">總分</td>
<td colspan="2">546</td>
</tr>
</tfoot>
</table>
</div>
<div id="sidebar">
<h2 id="text1">賬號註冊</h2>
<form name="form" method="post" action="hh.html">
請輸入郵箱地址：<input type="text" /><br/>
<p id="text"> 郵箱格式請按要求輸入</p><br/>
請輸入密碼:
<input type="password" maxlength="16" /> <br/><br/>
請重複輸入密碼: <input type="password" maxlenth="16" /> <br/>
<p id="text">密碼爲6~16位數字英文</p>
<p>性別<!--這裏是爲了讓邊框對齊才加了 -->
<input type="radio" name="question1" value="boy" />男
<input type="radio" name="question1" value="girl" />女</p>
<p>城市
<select size="1">
<option>北京</option>
<option>上海</option>
<option>天津</option>
<option>廣州</option>
<option>深圳</option>
<option>重慶</option>
<option>成都</option>
<option>蘇州</option>
<option>西安</option>
<option>長沙</option>
<option>大連</option>
<option>廈門</option>
</select> </p>
<p>愛好
<input id="checkbox1" type="checkbox" /><label for="checkbox1">運動</label>
<input id="checkbox1" type="checkbox" /><label for="checkbox1">藝術</label>
<input id="checkbox1" type="checkbox" /><label for="checkbox1">科學</label> </p>
<p>個人描述：<br/>
<textarea rows="8" cols="60">這是一個多行輸入框，請輸入您的更讓人描述</textarea> <br/>
<button>確認提交</button> <br/></p>
</form>
</div>
<p id="foot"><br/>版權所有©</p>
</body>
</html>
![]()
