常用的html标记

发表时间:2017-05-12 16:09:17 浏览量( 21 ) 留言数( 0 )

学习目标:

1、了解Java的历史

2、为什么要学习Java语言

3、端正学习态度


学习过程:

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

1、内容分隔<HR>标签

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

效果:

attcontent/e283dc5a-7878-4e4c-a764-9dcd2bafde5b.png

2、项目列表和编号

(1)有序列表<OL>

<ol>
   <li>填写信息</li>
   <li>收电子邮件</li>
   <li>注册成功</li>
</ol>

效果:

attcontent/443e97f3-ecd2-4896-b9fa-4637c7679dad.png

(2)无序列表<UL>

<ul>
   <li>填写信息</li>
   <li>收电子邮件</li>
   <li>注册成功</li>
</ul>

效果:

attcontent/fd4f50df-a7d9-4e1b-932d-335834d40ce5.png

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

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

<pre>
   你好:
         大家好
</pre>

效果:

attcontent/fc2b61c4-de8d-4002-a9ab-7524857987cb.png

4、页面链接<A>标签

(1)连接到新页面

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

  • 相对路径:指定相对于当前文件的文件位置

  • 绝对路径:指定从根目录到文件的完整路径

<!-- 在本页打开 -->
<a href="second.jsp">第二</a>
<!-- 新开一个页打开 -->
<a href="second.jsp" target="_blank">第二</a>

(2)链接到页面的指定位置,锚点的使用。

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

<a name="head" />

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

<a href="#head">回顶部</a>
<a href="second.jsp#sfooter">第二个页面的底部</a>

(3)连接的其他使用

<a href="mailto:6948847@qq.com">发送邮件</a> 
<a href="#">空连接</a>

5、滚动<MARQUEE>标签

<marquee scrolldelay="100" direction="left" onmouseover="this.stop()"

onmouseout="this.start()">

<a href="second.jsp#sfooter"><img alt="没有" src="p4.png"

align="middle"> 提示信息 </a>

</marquee>

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