HTML5 列表和超链接的学习

最新推荐文章于 2022-07-04 09:50:12 发布

伶俐虫虫

最新推荐文章于 2022-07-04 09:50:12 发布

阅读量316

点赞数 1

分类专栏： HTML5 文章标签： html

本文链接：https://blog.csdn.net/weixin_44034883/article/details/112499527

版权

HTML5 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

学习来源

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>练习Html5列表和超链接</title>
</head>
<body>
      <!-- 无序列表 -->
      <nav id="menu">
         <h1>石家庄铁道大学</h1>
         <ul>
            <li><a href='#' title="">网站首页</a></li>
            <li><a href='#' title="">学校概况</a></li>
            <li><a href='#' title="">组织机构</a></li>
            <li><a href='#' title="">教育教学</a></li>
         </ul>
       </nav>
       
       <!-- 有序列表 -->
          <h1>教育教学</h1>
          <ol type="a" start="4" reversed>
             <li>本科生</li>
             <li>研究生</li>
             <li>留学生</li>
             <li>继续教育</li>
          </ol>
       
       <!-- 描述列表 -->
       <h2>石家庄铁道大学词条</h2>
       <dl>
          <dt>石家庄铁道大学</dt>
          <dd>河北省重点骨干大学 省部局共建高校;石家庄铁道大学前身是中国人民解放军铁道兵工程学院， 创建于1950年，系当时全军重点院校；</dd>
       </dl>
       
       <!-- 普通链接 -->
       <a href="https://www.stdu.edu.cn/">石家庄铁道大学</a>
       
       <!-- 块链接 -->
       <a href="index.jsp">
          <h1>大学</h1>
          <p>石家庄铁道大学</p>
          <img src="images/s1.jpg" width="400" height="300" alt="1">
          <p>八零广场</p>
       </a>
       
       <!-- 锚点链接 -->
       <p><a href="#p2">查看图片2</a>
       <h2>图片1</h2>
       <p><img src="images/s1.jpg" width="400" heigth="300"/></p>
       <h2>图片2</h2>
       <p><img src="images/s2.jpg" width="400" heigth="300"/></p>
       
       <!-- 目标链接 -->
       <p><a href="images/s1.jpg" width="400" heigth="300">我爱铁大</a>
       
       <!-- 图像热点 -->
       <p><img src="images/s2.jpg" width="400" heigth="300" border="0" usemap="#Map">
       <map name="Map">
          <area shape="circle" coords="221,261,40" href="https://www.stdu.edu.cn/">
       </map></p>
       
       <!-- 框架链接 -->
       <p><iframe src="https://www.stdu.edu.cn/"></iframe></p>
</body>
</html>

在这里插入图片描述

伶俐虫虫

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5 列表和超链接的学习

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Con
复制链接

扫一扫

专栏目录