溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>html的部分應用</title><!--網頁的名字 1-->
</head>
<body><!--所編程序需要在body中書寫-->
<h2 align="center">標題</h2><!--標題標簽總共有6個，1的標題最大,里面附屬內容可以放置標題位置，現所加為居中 2-->
<h5>標題</h5>
<p>這是個段落</p><!--標簽作用為標簽內的內容為單獨一段 3-->
這是個段落
這是個段落<!--未加p標簽故二者在同一行-->
<p><a >百度</a></p><!--超鏈接標簽，會形成一個按鈕，href后面寫地址，兩個標簽中間是按鈕名稱 4-->
<p><a target="_blank">百度</a></p><!--后面加的trrget的內容，意思是在新的頁面打開百度-->
<p><a target="_parent">百度</a></p><!--在原頁面打開，如果不添加默認原網頁打開-->
<p><a name="名稱"></a></p><!--錨記標簽 在需要跳轉到的位置處添加一個錨記，name后寫錨記名稱 5-->
<p><a href="#名稱">同頁演示按鈕</a></p><!--跳轉按鈕，herf后寫#錨記名稱（錨記name后自己起的名稱），雙標簽中寫按鈕名稱 點擊后會跳轉至錨記所處位置-->
<p><a href="文件名#錨記名稱"></p>換頁演示按鈕(因為沒有相對應錨記故跳轉不了會產生錯誤，僅為教學)</a><!--#前面加文件名可以跳轉至文件名所處頁面-->
<p><a href="帖子2.html#章魚" target="_blank">跳轉至帖子2</a></p>
<hr width="寬度" color="顏色" size="線粗細"/><!--水平線標簽，里面可以加一些附屬內容,默認為一條黑色水平線 6-->
<hr width="50" color="red" size="60"/>
<br/><!--換行標簽 7-->
鋤禾日當午<br/>
汗滴禾下土
誰之盤中餐
粒粒皆幸苦<!--沒添加標簽所以為同一行-->
?<!--空格標記符號，單純空格沒用，或者使用全角下的空格 8-->
<p>愛 情</p>
<p>愛???????情</p>
<pre>需要填寫的東西/pre><!--預格式化標簽，把要寫的東西寫在里面就會在網頁上展示出來，不會被讀寫 9-->
<pre>
愛情<!--空格此時就可以用-->
123456
</pre>
<p><em>嗯嗯</em></p>
<p><i>嗯嗯</i></p><!--傾斜標簽 10-->
<p><b>加粗</b></p>
<p><strong>加粗</strong></p><!--加粗標簽 11-->
<p><big>字體放大</big></p><!--放大縮小標簽 12-->
<p>正常字體</p>
<p><small>字體縮小</small></p>
<p><code>放置代碼</code></p>
<p><del>刪除線</del></p><!-- 13 -->
<p><sub>下標</sub></p><!--上下標 14-->
<p><sup>上標</sup></p>
<p>H<sub>2</sub>SO<sup>4</sup></p>
<img src="圖片路徑" alt="信息提示（因為沒圖片路徑，所以加載不出來，添加這個后就顯示這個的內容）" title="圖片描述" width="圖片寬度" height="圖片高度" /><!--圖片 單位：像素（px）百分比（%）-->
<img src="延安.jpg" alt="延安" title="延安寶塔山" width="50"/><!--圖片 15-->
<h4 >接下來學習表格</h4><br/>
<br/>
<table border="邊框線" cellspacing="邊框單元格間距" cellpadding="單元格填充（邊距）"width="表格寬度"><!--表格標簽以及所屬內容 16-->
<caption>表頭</caption>
<tr><!--控制行 多少行-->
<th rowspan="2">標題行</th><!--加粗所寫內容 所加為跨列標識，數字為幾就合并幾列 列-->
<td>普通行</td><!--控制列-->
<td>普通行</td>
</tr>
<tr> <!--跨行跨列均需要刪除所跨的那個-->
<td colspan="2">跨行</td><!--所加為跨行，數字為幾就合并幾個-->
</tr>
</table>
<table >
<caption>班級信息</caption>
<tr>
<th colspan="2">三年級</th>
<th colspan="2">二班</th>
</tr>
<tr>
<td>張三</td>
<td>男</td>
<td>18</td>
<td>漢</td>
</tr>
</table>
<p><h4>列表</h4></p>
<p><h5>無序</h5></p>
<ul type="disc"><!--無序列表 默認實心圓(disc) 方塊(square) 空心圓(circle) 17-->
<li>碧玉妝成一樹高</li>
<li>萬條垂下綠絲絳</li>
<li>不知細葉誰裁出</li>
</ul>
<p><h5>有序</h5></p>
<ol type="1" start="2"><!--有序列表 type 默認數字1 還有字母 a A 英語數字 i I start 代表從數字幾開始 18 -->
<li>碧玉妝成一樹高</li>
<li>萬條垂下綠絲絳</li>
<li>不知細葉誰裁出</li>
</ol>
<p><h5>自定義</h5></p>
<dl><!--自定義列表 19-->
<dt>李白</dt><!--dt頂格可以作為一個名詞-->
<dd>字太白，號青蓮居士</dd><!--dd往后一點，可以解釋名詞-->
</dl>
<h4 >接下來學習表單</h4><br/><!-- 20 -->
賬戶<input type="text"/><!--文本框 所輸入內容可見 -->
密碼<input type="password"/><!--密碼框 所輸入內容不可見-->
性別<input type="radio" name="aiqing"/>男<input type="radio" name="aiqing"/>女<!--單選框按鈕，name中必須一樣-->
愛好<input type="checkbox"/>打籃球 <input type="checkbox"/>打羽毛球 <input type="checkbox"/>打乒乓球<!--復選框 -->
文件域<input type="file" width="10" height="50"/><!--存放文件的地方，可以些東西也-->
<input type="submit"/><!--提交按鈕 -->
<input type="reset"/><!--重置按鈕-->
<button>提交</button><!--按鈕，雙標簽中寫按鈕名稱-->
<input type="button" value="提交"/><!--按鈕 value中書寫按鈕名稱-->
<select name="" id=""><!--下拉列表-->
<option value="2010">2010</option><!--雙標簽中添加內容 頁面會顯示所寫內容-->
<option value="2011">2011</option>
<option value="2012" selected>2012</option><!--添加了selected 會優先顯示該內容-->
</select>年
<textarea name="" id="" cols="30" rows="10"></textarea><!--文本域，cols 代表所留區域的列數 rows代表所留區域的行數-->
<fieldset>
<legend>表單</legend><!--雙標簽中寫表單頭名字-->
內容<!--這里可以書寫自己要的內容-->
</fieldset></body>
</html>
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>帖子2</title>
</head>
<body>
<a name="章魚"></a>
<h2>成功就是把復雜的問題簡單化，然后狠狠去做。</h2>
</body>
</html>
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
