HTML 各类标签
一、前端页面：显示内容（HTML+CSS+JAVASCRIPT）后面过度到JSP
1、HTML 超文本标记语言
1.1、HTML 基本结构
<!DOCTYPE html> ---网页声明 <html> ---根控制标记 <head> ---头控制标记 <meta charset="utf-8"> ---为HTML文档提供元数据，只被浏览器解析 <title></title> ---标题标记 </head> <body> ---网页内容显示区 </body> </html>
1.2、HTML常用标签
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!--标题 h1-h6 -->
<h1>标题</h1>
<!--段落-->
<p>段落</p>
<!--图片 图片标签比较特殊，可以直接写宽高属性-->
<img src="img/topbanner.jpg" width="200" height="200" alt="这是图片"/>
<!--列表-无序列表 unordered list 列表使用粗体圆点标记-->
<ul>
<li>苹果</li>
<li>梨子</li>
</ul>
<!--列表-无序列表 ordered list 列表项目使用数字标记-->
<ol>
<li>苹果</li>
<li>梨子</li>
</ol>
<!--自定义列表-->
<dl>
<dt>水果</dt>
<dd>苹果、梨子、香蕉</dd>
<dt>动物</dt>
<dd>小狗、小猫、小鸡</dd>
</dl>
<!--嵌套列表-->
<ul>
<li>苹果</li>
<li>梨子
<ul>
<li>鸭梨</li>
<li>雪梨</li>
</ul>
</li>
</ul>
<!--超链接-->
<!--_blank 在新窗口中打开被链接文档
_self 默认。在相同的框架中打开被链接文档
_parent 在父框架集中打开被链接文档
_top 在整个窗口中打开被链接文档
framename 在指定的框架中打开被链接文档-->
<a href="www.baidu.com" target="_blank">百度</a>
<a href="mailto:1273131623@qq.com?subject=生日快乐">发送邮联系</a>
<!--表格-->
<table border="1" cellspacing="" cellpadding="">
<thead>
<tr><th>Header</th></tr>
</thead>
<tbody>
<tr><td>Data</td></tr>
</tbody>
<tfoot>
<tr><td>Data</td></tr>
</tfoot>
</table>
<!--表单-->
<form action="index.html" method="post">
<input type="button" value="按键"/>
<input type="text" name="用命名" value="默认值"/>
<input type="password" name="密码"/>
<!--type的属性值很多，查看网址http://www.runoob.com/tags/att-input-type.html-->
</form>
<!--HTML框架 HTML内不能有body-->
<!--<html>
<frameset rows="50%,50%">
<frame src="/example/html/frame_a.html">
<frameset cols="25%,75%">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">
</frameset>
</frameset>
</html>-->
<!--HTML 内联框架-->
<!--设置宽度和高度-->
<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
<!--设置边框为0-->
<iframe src="demo_iframe.htm" frameborder="0"></iframe>
<!--1、使用 iframe 作为链接的目标
2、iframe 可用作链接的目标（target）。
3、链接的 target 属性必须引用 iframe 的 name 属性：-->
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.baidu.com" target="iframe_a"> www.baidu.com</a></p>
</body>
</html>
浙公网安备 33010602011771号