3、常用的html标记

学习目标：

1、掌握HTML的常用标记

2、在实践中灵活使用HTML的标记

学习过程：

这节课我们就列举几个比较常用html标签

1、内容分隔<HR>标签

 <hr width="80%" size="2" color="blue"/>

效果：

2、项目列表和编号

（1）有序列表<OL>

  <OL type="1">
		<LI>填 写信息</LI>
		<LI>收电子邮件</LI>
		<LI>注册成功</LI>
		<li>asdasdfas</li>
	</OL>

效果：

（2）无序列表<UL>

	<UL type="circle">
		<LI>如何激活会员名？</LI>
		<LI>如何注册淘宝会员？</LI>
		<LI>注册时密码设置有什么要求？</LI>
		<LI>支付宝认证</LI>
	</UL>

效果：

 

3、预格式文本<PRE>标签

HTML中代码格式与浏览器中显示效果一样

	<pre>
    hello
        你好
         圣大非省的
    </pre>

效果：

 

4、页面链接<A>标签

（1）连接到新页面

在同一个文件夹下有两个html文件，从一个文件超链接到另一个文件的路径有2种方式

• 相对路径：指定相对于当前文件的文件位置
• 绝对路径：指定从根目录到文件的完整路径

	<a href="second.jsp">第二个页面</a>
	<a href="http://www.baidu.com">百度</a>
	<a href="second.jsp" target="_blank">在新的窗口打开第二个页面</a>

	<a href="first.jsp#hhh">在本页面跳转--锚点</a>

	<a href="second.jsp#footer">第二个页面跳转--锚点</a>

	<a href="mailto:598610033@qq.com">启动发送邮件的客户端</a>

	<a href="#">空连接</a>

（2）链接到页面的指定位置，锚点的使用。

第一步：定义锚点，在你想要连接的位置定义一个锚点

<a name="head" />

第二步：连接到锚点，在锚点前面加个#符号。

<a href="#name">在本页面跳转--锚点</a>

5、滚动<MARQUEE>标签

	<MARQUEE scrolldelay="80" direction="right" onmouseover="this.stop()"
		onmouseout="this.start()"> <a href="second.jsp"> hello</a> </MARQUEE>

pscrolldelay：表示滚动延迟时间，默认值为90毫秒。 pdirection：表示滚动的方向，默认为从右向左。