单页面内容切换.html

矫情吗；* 2021-10-12 19:35 306阅读 0赞

# 通过锚点实现单页面内容切换 #

--------------------

**　　　2019年8月16日       **

1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     6     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     7     <title>comment</title>
     8     
     9 </head>
    10 <body>
    11         <h1>使用HTML知识，通过锚点实现单页面内容切换</h1>
    12         <ul class="square">
    13             <li></li><a href="#content1">One</a>
    14             <li></li><a href="#content2">Two</a>
    15             <li></li><a href="#content3">Three</a>
    16         </ul>
    17         <h3 id="content1">One</h3>
    18         <img src="images/1.jpg" width="700px" height="500px">
    19         <h3 id="content2">Two</h3>
    20         <img src="images/2.jpg" width="700px" height="500px">
    21         <h3 id="content3">Three</h3>
    22         <img src="images/3.jpg" width="700px" height="500px">
    23 </body>
    24 </html>

转载于:https://www.cnblogs.com/non-variable/p/11365371.html

发表评论取消回复

表情：

评论列表（有 0 条评论，306人围观）

还没有评论，来说两句吧...

相关阅读

相关【内容页面】内容页面样式

> `前言` ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL

超、凢脫俗/ 2023年01月09日 12:55/ 0 赞/ 67 阅读

相关 html frame 多表单,frame/iframe多表单切换

frame 在上面的html代码中，我通过iframe表单嵌入一个百度页面，用浏览器打开后如图所示： ![L3Byb3h5L2h0dHBzL2ltZzIwMTguY25

约定不等于承诺〃/ 2022年10月12日 01:15/ 0 赞/ 149 阅读

相关 ue设置html内容,mpvue 单文件页面配置详解

前言 mpvue 的出现把 vue 的开发体验带到了小程序这个平台中，但其目录结构与传统的 vue 项目却并不完全一致，一个典型的页面包含以下三个文件： index.vue

川长思鸟来/ 2022年10月06日 10:58/ 0 赞/ 104 阅读

相关移动互联网站之html5单页面设计,html5 移动端单页面布局

移动端的web网页使用的是响应式设计，但一般我们看到的网站页面都是跳转刷新得到的，比如通过点击一个menu后进入到另一个页面今天来说下是移动端的单页面的布局。单页面就是一切

迈不过友情╰/ 2022年10月06日 09:55/ 0 赞/ 90 阅读

相关页面切换

[http://blog.csdn.net/zhaoyw2008/article/details/17013431][http_blog.csdn.net_zhaoyw20

比眉伴天荒/ 2022年08月07日 03:36/ 0 赞/ 127 阅读

相关 HTML一个页面头部的大概内容

HTML一个页面头部的大概内容(更新中): 1.<meta charset="UTF-8"> 规定HTML文档的字符编码 2.<meta http-equiv

向右看齐/ 2022年07月12日 13:53/ 0 赞/ 158 阅读

相关 HTML&CSS form表单注册页面

1、HTML的表单标签 form表单 CSS样式 HTML标签：表单标签 1、form表单的基础介绍 A.格式 <f

约定不等于承诺〃/ 2022年05月13日 08:52/ 0 赞/ 196 阅读

相关 HTML5——history实现单页面

1. 单页Web应用（single page web application，SPA） history.back()：URL回退一次 history.forward()：U

偏执的太偏执、/ 2022年05月11日 01:52/ 0 赞/ 143 阅读

相关 html页面如何实现中英文切换

分享一下我老师大神的人工智能教程！零基础，通俗易懂！[http://blog.csdn.net/jiangjunshow][http_blog.csdn.net_jiangju

迷南。/ 2022年04月18日 00:11/ 0 赞/ 959 阅读

相关单页面内容切换.html

通过锚点实现单页面内容切换 -------------------- 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

矫情吗；*/ 2021年10月12日 19:35/ 0 赞/ 307 阅读