HTML(二)html常用标记

1、内容分隔<HR>标签

<hr width="100%" size="1" color="#000000" />

效果:

2、项目列表和编号

(1)有序列表<OL>

<ol>

    <li>有序列表1</li>

    <li>有序列表2</li>

    <li>有序列表3</li>

</ol>

效果:

(2)无序列表<UL>

<ul>

    <li>无序列表1</li>

    <li>无序列表2</li>

    <li>无序列表3</li>

</ul>

效果:

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

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

<pre>

    hello:

          hello world!

</pre>

效果:

4、页面链接<A>标签

(1)连接到新页面

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

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

<!-- 在本页打开 -->

<a href="new.jsp">new</a> 

<!-- 新开一个页打开 -->

<a href="new.jsp" target="_blank">new</a>

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

  • 第一步:定义锚点,在你想要连接的位置定义一个锚点
<a name="head" />
  • 第二步:连接到锚点,在锚点前面加个#符号。

<a href="#head">回顶部</a>

<a href="new.jsp#nfooter">new页面的底部</a>

(3)连接的其他使用

<a href="mailto:[email protected]">send mail</a> 

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

5、滚动<MARQUEE>标签

<marquee scrolldelay="100" direction="left" onmouseover="this.stop()"
onmouseout="this.start()">
<a href="new.jsp#nfooter"><img alt="卡通" src="卡通.png"
align="middle">跳转到新页面 </a>
</marquee>

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

猜你喜欢

转载自blog.csdn.net/weixin_42363997/article/details/81431482