html入门学习

<h2>Norwegian Mountain Trip</h2>
<img border="0" src="/images/pulpit.jpg" alt="Pulpit rock" width="304" height="228">
<h1 class="title">123123123123</h1>

<b>This text is bold</b>
<p>This text is p</p>
<br />

<strong>This text is strong</strong>

<br />

<big>This text is big</big>

<br />

<em>This text is emphasized</em>

<br />

<i>This text is italic</i>

<br />

<small>This text is small</small>

<br />

This text contains
<sub>subscript</sub>

<br />

This text contains
<sup>superscript</sup>


<a href="http://www.w3cschool.cc/" target="_blank">访问 w3cschool.cc!</a> 

<p>如果你将 target 属性设置为 "_blank", 链接将在新窗口打开。</p>
<video width="320" height="240" controls autoplay>
  <source src="test.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  你的浏览器不支持 video 标签。
</video>

<p>This is some text.</p>

<div style="color:#00FFFF">
  <h3>This is a heading in a div element</h3>
  <p>This is some text in a div element.</p>
</div>

<p>This is some text.</p>

<p>我的母亲有 <span style="color:blue;font-weight:bold">蓝色</span> 的眼睛，我得父亲有 <span style="color:darkolivegreen;font-weight:bold">碧绿色</span> 的眼睛。</p>


<!--<div id="container" style="width:800px">
-->
<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">Main Title of Web Page</h1></div>

<div id="menu" style="opacity:0.7;background-color:#FFD700;height:200px;width:100px;float:left;">
<b>Menu</b><br>
HTML<br>
CSS<br>
JavaScript</div>

<div id="content" style="opacity:0.5;background-color:#EEEEEE;height:200px;width:400px;float:left;">
Content goes here</div>

<div id="footer" style="opacity:0.8;background-color:#FFA500;clear:both;text-align:center;">
Copyright © W3CSchool.cc</div>

</div>

<form>
 First name: <input type="text" name="firstname"><br>
 Last name: <input type="text" name="lastname">
</form> 
<form>
 <input type="radio" name="sex" value="male">Male<br>
 <input type="radio" name="sex" value="female">Female
</form> 
<iframe src="coo.php" width="200" height="200"></iframe>

<p>Some older browsers don't support iframes.</p>
<p>If they don't, the iframe will not be visible.</p>
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3cschool.cc" target="iframe_a">W3Cschool.cc</a></p>

<h1>我的第一段 JavaScript</h1>

<p id="demo">
JavaScript 能改变 HTML 元素的样式。
</p>

<script>
function myFunction()
{
x=document.getElementById("demo") // 找到元素
x.style.color="#ff0000";          // 改变样式
}
</script>

<button type="button" onclick="myFunction()">点击这里</button>
The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.


       

<script type="text/javascript">
             var board = document.getElementById("board");
             var e = document.createElement("input");
             e.type = "button";
            e.value = "这是测试加载的小例子";
             var object = board.appendChild(e);
</script> 


<div id="board">


</div>