html基础简单介绍
来源：互联网 发布：js字符串长度length() 编辑：程序博客网 时间：2024/05/16 06:37
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>html_base.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> </head> <body> <!-- a标签调用js --> <a href="javascript:alert('弹出窗口');">a标签调用js</a> <!-- 这是a标签的定位作用，可以指定跳转位置，也可以成为 锚点 标记 --> <a name="top">顶部</a> <a href="#middle">去中间</a> <hr/> <!-- 超链接 注意几点： 1，当没有指定具体协议时，浏览器会启动默认的file协议引擎来解析href的值。 2，当指定的协议浏览器无法解析时，浏览器会在本地注册中查找是否有关联该协议的应用程序，如果有就调用程序进行改写的解析 --><a href="mailto:aaa@qq.com?subject=jack&cc=copy@139.com">联系我们</a><!-- 这个情况，就是上面说的第二个注意点，mailto并不是被浏览器解析的，而是被电脑上相应的应用程序所解析 --><a href="http://www.xunlei.com/movie/新白发魔女传【高清】.rmvb">新白发魔女传【高清】.rmvb</a> <a href="http://www.baidu.com">百度网站1</a><!-- 都用英文的符号，就可以链接到自己想要的链接了 --> <a href="www.baidu.com">百度网站2</a><!-- 和下面用中文冒号类似，就是没有指定http:协议，所以会加上本页面的父路径 --> <a href="http：//www.baidu.com">百度网站3</a><!-- 注意这个链接中用的冒号是中文的，所以在页面中会加上本页面的父路径 --> <a href="http://www.baidu.com">aaaaaaaaa</a> <hr/> <!-- 合并行 --> <table border="1" width="60%" cellpadding="10" cellspacing="0" bordercolor="red"> <tr> <th rowspan="2">信息</th> <td>张桑拿</td> </tr> <tr> <td>33</td> </tr> </table> <br/> <!-- 合并列 --> <table border="1" width="60%" cellpadding="10" cellspacing="0" bordercolor="red"> <tr> <th colspan="2">信息</th> </tr> <tr> <td>张桑拿</td> <td>33</td> </tr> </table> <!-- table |tbody，不写的话，默认会有，只是看不到 |tr |td/th 这是表格层次 --> <a name="middle">中间位置</a> <a href="#bottom">去底部</a> <table border="1" width="60%" cellpadding="10" cellspacing="0"> <caption>这是表头，会自动居中</caption> <tr> <th>单元格一</th><!--表头单元格，其实就是在普通单元格基础上，封装了加粗和居中 --> <th>单元格二</th> </tr> <tr> <td>单元格三</td> <td>单元格四</td> </tr> </table> <hr/> <!-- 图片名称最好不用中文 --> <img src="../images/b.bmp" alt="aaaaaaaaaaaaa" border="29"/> <hr/> <!-- 数字等样式的项目符号，本身具备缩进效果 --> <ol type="a" start="3"><!-- 可选的type参数为：1，a，A，I，i --> <li>bbbbbbbbbbbbb</li> <li>bbbbbbbbbbbbb</li> <li>bbbbbbbbbbbbb</li> <li>bbbbbbbbbbbbb</li> <li>bbbbbbbbbbbbb</li> <li>bbbbbbbbbbbbb</li> </ol> <hr/> <!-- li具备缩进的效果，且前面有项目符号 --> <ul type="circle"><!-- type属性改变项目符号 --> <li>aaaaaaaaaaaaaaa</li> <li>aaaaaaaaaaaaaaa</li> <li>aaaaaaaaaaaaaaa</li> <li>aaaaaaaaaaaaaaa</li> <li>aaaaaaaaaaaaaaa</li></ul> <hr/> <!-- dl:定义列表的范围； dt:定义上层项目的条目；dd:定义下层项目的条目且具备缩进的效果--> <dl> <dt>上层项目条目1</dt> <dd>bbbbb</dd> <dd>aaaaa</dd> <dt>上层项目条目2</dt> <dd>ddddd</dd> <dd>ccccc</dd> </dl> <br/> <a name="bottom"></a> <a href="#top">回到顶部</a> <a href="#middle">回到中间位置</a> </body></html>
