我也不知道为什么是百度
<!DOCTYPE html>
<html>
<!--这是一个标题-->//这是一个注释
<head>
<!--这是头--------------------------------------->
<base href="file:///C:/w3c/new%201.html" target="_blank"> //链接头部
<meta charset="utf-8" http-equiv="refresh" content="1000">//刷新间隔
<title>这是标题：不积硅步,无以至千里</title>//标题
<style type="text/css"> //style设置css样式
body {background-color:pink} //设置页面背景色
p {color:blue}
</style>
<link href="file:///E:/654/timg.jpg">//设置网站图标
</head>
<body>
<!--段落与分割线-->
<p id="tips" style="text-align:center;" >这是一个<br>居中段落。</p>
<hr>
<p style="color:green;margin-left:20px;">这是一个段落。</p>
<hr>
<p style="color:white;margin-left:40px">这是一个段落。</p>
<!--文本格式化 -->
这是<b>加粗文本</b><br><br> //加粗
这是<i>斜体文本</i><br><br> //斜体
这是<code>电脑自动输出</code><br><br>
这是<sub> 下标</sub> 和 <sup> 上标</sup><br><br> //下标
这是<small>小字体</small><br><br> //小字体
这是<ins>插入字</ins><br><br> //插入字（下划线）
这是<del>删除字</del><br><br> //删除字
<!--------------------------------------------------------------------------------链接----------<a href=" ">bbbb</a>---targrt="_top"/"_blank"/"/top"------>
<a href="https://www.baidu.com/" style="background-color:red">覆盖本页面</a>
<a href="https://www.baidu.com/" target="_blank" style="background-color:orange">打开新页面</a>
<a href="https://www.baidu.com/" target="_top" style="background-color:purple">跳出框架</a>
<br><br>
<!--------------------------------------------------------------------------------图片链接--------<img src=" " alt="链接失效">---------------------------->
<img src="file:///E:/654/newpic/Enjoy67.jpg" >
<img src="file:///E:/654/newpic/Enjoy22.jpg" >
<img border="0" src="file:///E:/654/newpic/Enjoy26.jpg" alt="图片链接--失效"><br>
<img border="0" src="file:///E:/654/newpic/Enjoy71.jpg" >
<img src="file:///E:/654/newpic/Enjoy66.jpg" >
<!--------------------------------------------------------------------------------位置定位----------<a href="# ">bbb</a>----------------------------------->
<br>
<a href="#tips">回到开头</a><br><br>
<a href="file:///C:/w3c/new%201.html#tips" style="font-family:arial;color:red;font-size:20px;">在任意一个页面回到开头</a><br><br>
<p>
这是一个电子邮件链接：
<a href="mailto:2086@qq.com?Subject=Hello%20again" target="_top" ></p>
发送邮件</a>
<!----------------------------------------------------------------------------------表格------------------------------------------------------------------->
<table border="10" align="center">
<tr>
<th>Header 1 表头1</th>
<th>Header 2 表头2</th>
</tr>
<tr>
<td>row 1, cell 1 行1，列1</td>
<td>row 1, cell 2 行1，列2</td>
</tr>
<tr>
<td>row 2, cell 1 行2，列1</td>
<td>row 2, cell 2 行2，列2</td>
</tr>
</table>
<!--------------------------------------------------------------无序列表----------------------------------------------------------------------------------->
<div style="text-align:center;">
<ul >
<li><a href="file:///E:/654/newpic/Enjoy0.jpg" >0</a></li>
<li><a href="file:///E:/654/newpic/Enjoy1.jpg" >1</a></li>
<li><a href="file:///E:/654/newpic/Enjoy2.jpg" >2</a></li>
<li><a href="file:///E:/654/newpic/Enjoy3.jpg" >3</a></li>
<li><a href="file:///E:/654/newpic/Enjoy4.jpg" >4</a></li>
<li><a href="file:///E:/654/newpic/Enjoy5.jpg" >5</a></li>
<li><a href="file:///E:/654/newpic/Enjoy6.jpg" >6</a></li>
<li><a href="file:///E:/654/newpic/Enjoy7.jpg" >7</a></li>
<li><a href="file:///E:/654/newpic/Enjoy8.jpg" >8</a></li>
<li><a href="file:///E:/654/newpic/Enjoy9.jpg" >9</a></li>
</ul>
<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">Main Title of Web Page</h1></div>
<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">
<b>Menu</b><br>
HTML<br>
CSS<br>
JavaScript</div>
<div id="content" style="background-color:#EEEEEE;height:200px;width:1150px;float:left;">
Content goes here</div>
<div id="footer" style="background-color:green;clear:both;text-align:center;">
</div>
<!--------------------------------------------------------------------视频播放-------------------------------------------------------------->
<video controls >
<!--autoplay--> //是否自动播放
<source src="file:///D:/ThunderRev/qu1 (3).mp4" type="video/mp4">
</video>
<!--------------------------------------------------------------------内联框架--------------------------------------------------------------->
<iframe src="http://www.baidu.com" width="640" height="480"></iframe><br>
<!--最简单的表格-->
<table border="10" align="center">
<tr> <th>视频表格</th> </tr>
<tr><td><a href="file:///D:/ThunderRev/qu1 (1).mp4">1</a></td></tr>
<tr><td><a href="file:///D:/ThunderRev/qu1 (2).mp4">2</a></td></tr>
<tr><td><a href="file:///D:/ThunderRev/qu1 (3).mp4">3</a></td></tr>
<tr><td><a href="file:///D:/ThunderRev/qu1 (4).mp4">4</a></td></tr>
<tr><td><a href="file:///D:/ThunderRev/qu1 (5).mp4">5</a></td></tr>
<tr><td><a href="file:///D:/ThunderRev/qu1 (6).mp4">6</a></td></tr>
<tr><td><a href="file:///D:/ThunderRev/qu1 (7).mp4">7</a></td></tr>
<tr><td><a href="file:///D:/ThunderRev/qu1 (8).mp4">8</a></td></tr>
<tr><td><a href="file:///D:/ThunderRev/qu1 (9).mp4">9</a></td></tr>
<tr><td><a href="file:///D:/ThunderRev/qu1 (10).mp4">10</a></td></tr>
<tr><td><a href="file:///D:/ThunderRev/qu1 (11).mp4">11</a></td></tr>
<tr><td><a href="file:///D:/ThunderRev/qu1 (12).mp4">12</a></td></tr>
<tr><td><a href="file:///D:/ThunderRev/qu1 (13).mp4">13</a></td></tr>
<tr><td><a href="file:///D:/ThunderRev/qu1 (14).mp4">14</a></td></tr>
<tr><td><a href="file:///D:/ThunderRev/qu1 (16).mp4">16</a></td></tr>
</table>
<!--------------------------------------------------------------------------------javascript--------------------------------------------------------------->
<script>
function myFunction()//定义函数
{
x=document.getElementById("demo") // 找到元素，函数起作用的地方
x.style.color="#ff0000"; // 改变样式
}
</script>
<script>
document.write("Hello World!")
document.write("<p>This is a paragraph</p>");
</script>
<p id="demo">
JavaScript 改变 HTML 元素的样式。
</p>
//按钮
<button type="button" οnclick="myFunction()">Click Me!</button>//调用
<br><br><br><br><br><br>
</body>
</html>
3551
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
