黑马程序员技术交流社区

标题: 【上海校区】HTML（二）html常用标记 [打印本页]

---

作者: 梦缠绕的时候    时间: 2018-8-6 09:26
标题: 【上海校区】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:666666@qq.com">send mail</a> <a href="#">空连接</a>

5、滚动<MARQUEE>标签

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

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

---

作者: 不二晨    时间: 2018-8-16 17:23
奈斯

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2