<!-- 標(biāo)簽 - 承載內(nèi)容 -->
<!-- 層疊樣式表 - 渲染頁(yè)面 -->
<!-- JavaScript - 交互式行為 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>my first html</title> <!--注釋-->
<!-- css - cascading style sheet -->
<style>
h1 {
color: orange; /*注釋 */
font-size: 2cm;
font-family: "楷體";
}
.a {
color: red;
font-family: times;
font-size: 40px;
}
p:first-letter {
color: blue;
font-family: times;
font-size: 40px;
}
.b {
color: green;
font-family: times;
font-size: 40px;
}
a {
color: red;
text-decoration: none;
}
a:hover { /*冒號(hào)后不能有空格*/
color: green;
}
</style>
</head>
<body>
<h1>文章標(biāo)題</h1>
<a name="hello"></a>
<hr>
好好學(xué)習(xí)<br>
<p><em>天天</em><strong>向上</strong></p>
<p>黃河 之水<strong><em>天上來</em></strong></p>
<p class="a"><del>hello</del></p>
<p class="b"><ins>world</ins></p>
<hr>
<a target="_blank" ><img border="0" src="http://wpa.qq.com/pa?p=2:957658:53" alt="點(diǎn)擊這里給我發(fā)消息" title="點(diǎn)擊這里給我發(fā)消息"/></a>
<br>
™©¥<>
<a target="_blank" ><img border="0" src="http://wpa.qq.com/pa?p=2:654462853:41" alt="性感荷官在線發(fā)牌" title="性感荷官在線發(fā)牌"/></a>
<p>H<sub>2</sub>O</p>
<p>x<sup>y</sup></p>
<ul>
<li>路人超能百分百</li>
<li>約定的夢(mèng)幻島</li>
<li>不及波普不笑</li>
</ul>
<ol>
<li>A</li>
<li>B</li>
<li>C</li>
</ol>
<dl>
<dt>
水果<br>
<img src="../素材/images/a1.jpg">
<img src="..\素材\images\a1.jpg">
</dt>
<dd>溫帶水果</dd>
<dd>
<ul>
<li>蘋果</li>
<li>橘子</li>
</ul>
</dd>
<dd>熱帶水果</dd>
</dl>
<p><img src="../素材/images/a1-0.jpg" title="test" align="center" alt="加載失敗">python</p>
<br>
<a target="_self">百度</a>
<br>
<div><a href="hello.html#world" target="_blank">跳轉(zhuǎn)</a></div>
<table border="1">
<caption>學(xué)生成績(jī)表</caption>
<thead>
<tr>
<th width="100">姓名</th>
<th width="100">語文</th>
<th width="100">數(shù)學(xué)</th>
<th width="100">英語</th>
<th width="100">理綜</th>
</tr>
</thead>
<tbody>
<tr>
<td>張三</td>
<td colspan="3" align="center">90</td>
<td>98</td>
</tr>
<tr>
<td rowspan="2">李四</td>
<td>98</td>
<td>78</td>
<td>90</td>
<td>78</td>
</tr>
<tr>
<td>88</td>
<td>80</td>
<td>87</td>
<td>85</td>
</tr>
</tbody>
</table>
<br>
<br>
<button onclick="showWriter()">確定</button>
<br>
<br>
<!-- <button onclick="window.close()">關(guān)閉</button> -->
<button onclick="shutDown()">關(guān)閉</button>
<a href="#hello">回頂部</a>
<div><a href="mailto:123@qq.com">聯(lián)系站長(zhǎng)</a></div>
<script type="text/javascript">
/*駝峰命名法 */
function showWriter() {
for (var i = 1; i <= 3; i++) {
window.alert('作者:zy');
}
}
function shutDown() {
if (window.confirm('Are you sure to close the window?')) {
window.close()
}
}
</script>
</body>
</html>
day21總結(jié)-HTML
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 1.結(jié)構(gòu)標(biāo)準(zhǔn) 1.1.什么是html(結(jié)構(gòu)標(biāo)準(zhǔn))html是超文本標(biāo)記語言超文本 - 除了文字以外,還可以對(duì)圖片、視...
- 1認(rèn)識(shí)html 1.1什么是html html是超文本標(biāo)記語言超文本:除了文字以外,還可以對(duì)圖片、視頻、音頻、超鏈...
- 一、web基礎(chǔ): web標(biāo)準(zhǔn):(萬維網(wǎng)-W3C)機(jī)構(gòu)標(biāo)準(zhǔn):HTML ---決定網(wǎng)頁(yè)上有什么東西(能夠顯示什么內(nèi)容...
- 01-web基礎(chǔ): 1.web標(biāo)準(zhǔn):萬維網(wǎng)-w3c結(jié)構(gòu)標(biāo)準(zhǔn):HTML ---決定網(wǎng)頁(yè)上有什么東西(能夠顯示什么內(nèi)容...