Practical Training 课一

<!-- 标准h5协议 -->
<!-- DTD---h4.01 -->
<!DOCTYPE html>
<html>
<head>
<!-- utf-8 GB2312 GBK -->
<meta charset="utf-8" />
<!-- viewport (电脑屏幕的)视口 -->
<meta name="viewport" content=""/>
<title>HTML的所有内容</title>
<!--
html ---》网站的结构
css ---》样式
js ---》行为
-->
</head>
<body>
<!-- 单标签:自动闭合 --hr/br/img -->

<!-- h1-h6 标题 常用的是:h1-h3 -->
<!-- 标签语义化:明显的能够一眼看出的 目的:做搜索引擎优化 -->
<!-- 网页三段制:header->头部; footer->页脚 -->
<header></header>
<footer></footer>

<!-- #自动跳转到当前页面的最顶部 #后边可以直接跟id地址 --》 直接跳转 -->
<a href="#"></a>
<!-- javasctipt -->
<a href="javasctipt:vido(0)"></a>

<!-- alt--》可选文本 src:里面放图片 当图片显示的时候 alt不显示 title:鼠标放上去显示 离开不显示 -->
<img src="" alt="" title="title" />

<!-- ul ol dl -->
<!--ul>li{列表$1}*3 形成之后直接按tab 会自动出现相关的列表 无序列表-->
<ul>
<li>列表</li>
<li>列表</li>
<li>列表</li>
</ul>
<!--ol>li{列表$1}*3 有序列表 -->
ol>li{列表$1}*3

<ul type="square"><!--disc--》实心圆 circle--》圆圈 square--》方块 -->
<li>123</li>
</ul>
<ol type="I"></ol>


<dl>
<dt>项目1</dt>
<dd>内容1</dd>
<dt>项目1</dt>
<dd>内容1</dd>
<dt>项目1</dt>
<dd>内容1</dd>
</dl>
<!--table-->
<!--<table></table>-->
<table border="" cellspacing="" cellpadding="">
<!--<tbody></tbody>-->
<tr>
<th>Header</th></tr>
<tr><td>数据</td></tr>
<!--<tfoot></tfoot>-->
</table>
<!--因为table 内容嵌套太多 被淘汰掉了 但是 dl后台 引擎会自动带上 tbody-->
<!--现在推荐使用dl-->
<!-- action -->
<!--
method:几种方式
get post
怎样提交??
name:后台查看 必须有name属性
post::后台网络的下面会出现name的属性
post相对 get更加安全
-->
<form action="#" method="get">
<input type="text" name="name" />
<input type="text" />
<input type="submit" value=""/>
</form>

</body>
</html>

上一篇:FCC Film 1 Essay Prompt


下一篇:JFreeChart 图表生成实例(饼图、柱状图、折线图、时序图)