web;html

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8"> <!-- 设置网页的编码集-->
<title>我的网页</title>
</head>
<body>
<!--标题标签-->
<h1>h1标签</h1>
<h2>h2标签</h2>
<h3>h3标签</h3>

<!--段落标签-->
<p>段落文字</p>
<p>段落文字<br/> <!--换行标签-->
换行文字<br/>
荀子说:
<blockquote> <!--引用文字-->
假舟楫者,非能水也,而绝江河。
</blockquote>
</p>
科目:<!--无序列表,以圆点表示选项,排名不分先后-->
<ul>
<li>语文</li>
<li>数学</li>
<li>英语</li>
</ul>
创建Class对象方式:
<ul>
<li>类名.class</li>
<li>对象.getClass</li>
<li>Class.forName("类全路径")</li>
</ul>

WEB应用程序的组成部分:<!--有序列表-->
<ol>
<li>网页</li>
<li>WEB服务器</li>
<li>客户端浏览器</li>
<li>http协议</li>
</ol>

明教四大天王:
<ol>
<li>白眉鹰王</li>
<li>金毛狮王</li>
<li>轻衣蝠王</li>
<li>紫衫龙王</li>
</ol>

<pre><!--预编排文字,以源文件文字格式作为网页显示格式-->
1
+
2
----------------
3
</pre>

<!--分区块,相当于小容器,width表示宽度,height表示高度,background表示背景色-->
<div style="width:300px;height:200px;background-color:yellow ;border:1px solid black ;">
<p>ddd</p>
<p>eee</p>

<!--stye表示设置样式,color表示设置前置色,字体颜色-->
<span style="color: red">中国人不是东亚病夫</span>
<span style="color: blue">端午节吃粽子</span><br>
abc &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; bbb
</div>

<!--超链接-->
<a href="2.html">跳转2.html</a><br> <!--当前网页和目标网页在同级目录,可以直接书写文件名-->
<a href="user/user.html">跳转user.html</a> <!--当前网页的同级目录下的网页,应该加上同级目录名/-->

<img src="img/2.jpg" width="300" height="500"/><br> <!--图片标签,src表示图片路径,width,height表示图片宽,高-->


<!--表格组件-->
<table border="1" width="60%" cellspacing="0">
<!--表头,一个tr为一行,一个th或td为一个单元格-->
<thead>
<tr><th>姓名</th><th>职位</th><th>性别</th></tr>
</thead>

<!--数据-->
<tbody>
<tr><td>张一</td><td>经理<td>男</td></tr>
<tr><td>张二</td><td>助理<td>男</td></tr>
<tr><td>张三</td><td>会计<td>男</td></tr>
<tr><td>张四</td><td>业务员<td>男</td></tr>
</tbody>
</table>

<p>表格合并行列</p>
<table border="1" cellspacing="0" width="50%">
<tr><th colspan="4">成绩表</th></tr> <!--colspan合并列-->
<tr>
<th rowspan="2">张三</th> <!--rowspan合并两行-->
<th>语文</th>
<th>数学</th>
<th>英语</th>
</tr>
<tr>
<th>80</th>
<th>90</th>
<th>50</th>
</tr>

<tr>
<th rowspan="2">李四</th> <!--rowspan合并两行-->
<th>语文</th>
<th>数学</th>
<th>英语</th>
</tr>
<tr>
<th>60</th>
<th>70</th>
<th>93</th>
</tr>
</table>

<p>你好吗</p>
<span style="font-size: 30px">今天端午节</span> <!--设置字体大小-->
<a href="../htmlTest/html/2.html" target="frame1">跳转到2.html</a><br>
<iframe width="400"height="300"name="frame1"frameborder="1"></iframe>


</body>
</html>

../返回上级目录

posted @ 2017-06-03 22:14  红烧鱼l  阅读(121)  评论(0编辑  收藏  举报