HTML5網頁制作好好玩啊


---恢復內容開始---

 

 

這兩天在看HTML5,由於學習的需要,所以要學的,嗯,這個整人還是很有意思的(但是超超是好人,從不干壞事)

現在請欣賞一下我的代碼和圖片吧!(想整人的小伙伴可以自己copy來玩哦!不過你得先下一個HBuilder,哈哈哈哈)

 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>這是練習一</title>
</head>
<body>
<a href="index.html" target="_blank">卧槽,還帶這么玩的嗎?</a>
<br />
<a href=" https://www.taobao.com">這里是淘寶平台</a>
<br />
<b>在這里,你會購買到理想的商品</b>
<br />
<em>我是超超</em>
<br />
<s>您身邊的友好朋友</s>
<br />
<u>他在無時無刻都在關注着你</u>
<br />
</body>
</html>
這是一個最簡單的例子,我就沒截圖了
這個就是最簡單的類型,什么都沒干,就是顯示語句(br換行),跳轉鏈接
當下@future 2019/4/27 14:44:49

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>這是練習二</title>
</head>
<body>
<table border="1px" align="center">
<thead>
<tr bordercolor="#FFF">
<td align="center">姓名</td>
<td align="center">性別</td>
<td align="center">年齡</td>
</tr>
</thead>
<tbody>
<tr>
<td align="center">唐傑</td>
<td align="center">男</td>
<td align="center">19</td>
</tr>
<tr>
<th>包晗</th>
<th>男</th>
<th>19</th>
</tr>
<tr>
<td align="center">王智超</td>
<td align="center">男</td>
<td align="center">19</td>
</tr>
</tbody>
<tfoot>
<tr>
<td align="center">祖國的騷年</td>
<td>年輕的火耀</td>
<td  align="center">未來的逗比</td>
</tr>
<tr>
<td rowspan="3">娃哈哈</td>
<td>爽歪歪</td>
<td>Ad鈣</td>
</tr>
<tr>
<td colspan="3">珍珠奶茶</td>
</tr>
</tfoot>
</table>
</body>
</html>

當下@future 2019/4/27 14:45:55
這個就是簡單的制作表格(以及合並)

下面請看練習三:
 當下@future 2019/4/27 14:55:10

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>王智超練習三</title>
</head>
<body>
<ol type="I">
<li>Hello!!!</li>
<li>我親愛的小伙伴們</li>
<li>Are you OK?</li>
</ol>
<ul>
<li>烏拉烏拉</li>
<li>娃哈哈</li>
<li>吧唧吧唧</li>
</ul>
<ol reversed="1">
<li>想我沒</li>
<li>吧唧吧唧</li>
<li>想也沒用</li>
<li>哼</li>
</ol>
<ol type="1">
<li>大聲喊王智超你好帥100次</li>
<li>有意外驚喜哦</li>
<ol>
<li type="a">烏拉烏拉</li>
<li>騙你的呢</li>
<li>別,大哥</li>
<li>我錯了</li>
</ol>
</ol>
</body>
</html>

 

在看最后一個,哈哈哈

 這個就是有序排列(以及類型),以及無序排列

 當下@future 2019/4/27 15:16:46

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form>
<input type="text"  value="王智超真帥!"/>
<br />
<input type="submit" placeholder="你認識超超嗎?" maxlength="20"  value="提交" />
<br />
<input type="text"  placeholder="超超浪嗎?" readonly/>
<br />
<input type="password"  placeholder="請輸入8位密碼" maxlength="8" />
<input type="submit"  value="提交"/>
</form>
<textarea cols="3">唐傑</textarea>
<textarea rows="2">包晗</textarea>
</body>
</html>

這個開始的時候是占位的(但是可以刪除的,只不過一刷新又出來了),提交是一個按鈕鍵,至於后面的:超超浪嗎,就是一個只讀類型(不能更改),再后面的是輸入密碼(而且只能是·8位,因為我設了最大長度是8)

好的,謝謝大家能看到這里,嗯,大佬勿噴,沒學過的朋友可以來玩玩,嘻嘻嘻


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM