我写的的第一个网页 本地网址导航

最新推荐文章于 2024-07-08 18:28:27 发布
最新推荐文章于 2024-07-08 18:28:27 发布
阅读量1.3k 收藏 1
点赞数
文章标签： 网址导航
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tsdsl/article/details/8478050
版权

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body background=与骆驼合影.JPG></body>
<style type="text/css">
        .style1
        {
            text-align: center;
        }
    .style2
    {
        color: #99CC00;
    }
    .style3
    {
        color: #FFCC00;
    }
    .style4
    {
        text-align: right;
    }
    </style>
<h1 align="center">天山读书郎的网址导航</h1>
<body>

<!-- Search Baidu -->
<center>
<form action="http://www.baidu.com/baidu" target="_blank">
<table bgcolor="#FFFFFF"><tr><td>
<input name=tn type=hidden value=baidu>
<a href="http://www.baidu.com/"><img src="http://img.baidu.com/img/logo-80px.gif" alt="Baidu" align="bottom" border="0"></a>
<input type=text name=word size=30>
<input type="submit" value="百度搜索">
</td></tr></table>

<div class="style4">
    <tr>
<script language=javascript>
    var day = "";
    var month = "";
    var ampm = "";
    var ampmhour = "";
    var myweekday = "";
    var year = "";
    mydate = new Date();
    myweekday = mydate.getDay();
    mymonth = mydate.getMonth() + 1;
    myday = mydate.getDate();
    myyear = mydate.getYear();
    year = (myyear > 200) ? myyear : 1900 + myyear;
    if (myweekday == 0)
        weekday = " 星期日 ";
    else if (myweekday == 1)
        weekday = " 星期一 ";
    else if (myweekday == 2)
        weekday = " 星期二 ";
    else if (myweekday == 3)
        weekday = " 星期三 ";
    else if (myweekday == 4)
        weekday = " 星期四 ";
    else if (myweekday == 5)
        weekday = " 星期五 ";
    else if (myweekday == 6)
        weekday = " 星期六 ";
    document.write("<font color=black>今天是 " + year + "年" + mymonth + "月" + myday + "日 " + weekday + "</font>");
</script>

 

 

</tr>                   
    </div>

</form>

</center>
<!-- Search Baidu -->

 

    <form id="form1" runat="server">
    <div class="style1">
        <a href="http://sh.qihoo.com/"，title="新闻"target="_blank">新闻</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
     <a href="http://www.baidu.com/p/86%E5%8F%B7%E8%9B%8B%E8%9B%8B?from=tieba"，title="贴吧"target="_blank">贴吧</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
     <a href="http://www.qiushibaike.com/"tile="糗事百科"target="_blank">糗百</a>
    </div>
    <div class="style1">
    </br>
    &nbsp;&nbsp;&nbsp;
    <a href="http://qzone.qq.com/"tile="腾讯空间"target="_blank">腾讯空间</a>&nbsp;&nbsp;&nbsp;
        <a href="http://jwc.xju.edu.cn/",title="新大教务"target="_blank">新大教务</a>&nbsp;&nbsp;&nbsp;<a href="http://weibo.com/",title="新浪微博"target="_blank">新浪微博</a>&nbsp;&nbsp;&nbsp;
    <a href="http://www.renren.com/",title="人人网" target="_blank">人人网</a>&nbsp;&nbsp;&nbsp;
   
   
    </div>
    <div class="style1">
    </br>
     <a href="http://video.hao123.com/dianying_index/director-_actor-_type-_area-_pn-1_order-hot_complete-_start-"title="热播大片">热播大片</a>&nbsp;&nbsp;&nbsp;
     <a href="http://tv.sohu.com/show/",title="搜狐综艺" target="_blank">搜狐综艺</a>&nbsp;&nbsp;&nbsp;<a href="http://www.hao123.com/",title="网址导航"target="_blank"><font  color="red">网址导航</font></a>&nbsp;&nbsp;&nbsp;
     <a href="http://www.hao123.com/",title="网址导航"target="_blank">淘宝网</a>

    </div>
 
        <div class="style1">
            <br />
            <a href="http://www.w3school.com.cn/"title="HTML">HTML教程</a>&nbsp;&nbsp;&nbsp;
     <a href="http://www.csdn.net/",title="CSDN"target="_blank">CSDN官网</a>&nbsp;&nbsp;&nbsp;
     <a href="http://www.4399.com/",title="小游戏"target="_blank">小游戏</a>

    </div>
  
    <p>
        &nbsp;</p>
    <p>
        &nbsp;</p>
    <p>
        &nbsp;</p>
    <p>
        &nbsp;</p>
    <p>
        &nbsp;</p>
    <p>
        &nbsp;</p>
    <p>
        &nbsp;</p>
    <p>
        &nbsp;</p>
    <p>
        &nbsp;</p>
    <p>
        &nbsp;</p>
    <p>
        &nbsp;</p>
    <p>
        
    <p class="style4">
       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span class="style3">读书郎的专用导航</span></p>
    <p class="style4">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; By&nbsp;&nbsp;&nbsp;<span
            class="style2">天山读书郎</span></p>
    <p>
        &nbsp;</p>
    </form>
  
    </body>
</html>

tsdsl
关注
做一个古诗词的html页面,制作一个古诗词的网页
weixin_31026805的博客
06-03 1万+
如何制作一个属于自己的网页做一个网站，需要注册域名、空间、制作网页。不管制作什么样的网站，有二个必须的工作，一是注册域名，二是租用虚拟主机空间. 首先是注册域名。域名注册.com(国际域名)和.cn(国内域名)为宜，域名最好不要太长、且有一定的意义、容易记，现在好的域名已经不多了，你可灵活的使用数字、英文单词、拼音等的组合. 想好一个域名后，可不可以注册可到中国互联网络信息中心去查一下，如果不能注...
html5 纯静态网址导航，单文件的，直接放在本地磁盘使用
05-13
html5 纯静态网址导航，单文件的，直接放在本地磁盘使用。可以用记事本修改。
利用HTML5的本地存储制作的个性化导航页
三五月儿的专栏
10-18 3511
本人做了一个HTML5页面，用于管理自己经常访问的网站。 数据使用HTML5的localStorage存储。下面是完整的页面代码。<!DOCTYPE HTML> <html> <head> <style type="text/css"> a{margin:15px;font-size:28px;} </style> <script type="text/javascript"> function
本地安装一款颜值酷炫的导航页应用Dashy并实现远程访问使用
最新发布
邓富民的博客
07-08 758
今天和大家分享一下如何在Linux系统部署一款颜值酷炫的导航页应用Dashy，并结合cpolar内网工具，实现无需部署到公网服务器，即可实现远程访问本地搭建的Dashy。Dashy是一个开源的自托管的导航页配置服务，具有易于使用的可视化编辑器、状态检查、小工具和主题等功能。你可以将自己常用的一些网站聚合起来放在一起，形成自己的导航页。一款功能超强大，颜值爆表的可定制专属导航页工具。
Vue.js写一个本地网址导航网站
qq_44760912的博客
09-27 2542
本质就是用vue写一个单页面应用，将原来纯用html写的冗余代码用vue去优化html页面，然后将数据源从html中分离到vue的data中，数据源直接写入到excel，数据的json格式通过转换工具实现，然后批量复制粘贴到data的datalist中，然后就有了一个属于自己的导航网址网站啦！
【Dashy安装使用】本地Linux 部署 Dashy 并远程访问
Koma_zhe的学习笔记
06-29 409
【Dashy安装使用】本地Linux 部署 Dashy 并远程访问
如何本地搭建开源导航页配置服务Dashy并发布到公网分享好友使用
bushibrnxiaohaij的博客
04-11 1879
Dashy是一个开源的自托管的导航页配置服务，具有易于使用的可视化编辑器、状态检查、小工具和主题等功能。你可以将自己常用的一些网站聚合起来放在一起，形成自己的导航页。一款功能超强大，颜值爆表的可定制专属导航页工具结合cpolar内网工具,我们实现无需部署到公网服务器,即可实现公网访问Dashy,下面我们介绍配置方法。
Dreamwaver网页设计第3章.pptx
04-12
总结来说，本章内容涵盖了Dreamweaver的基础操作，包括软件的介绍、站点管理、页面内容的创建和编辑、表格布局、多媒体集成以及链接的创建，这些都是构建一个功能完整、美观且易于导航的网页所必不可少的技能。...
家居网 网页期末大作业（JS + CSS + html）+设计报告
07-09
家居网 我这里有两个版本 一个是满足下面功能的期末大作业版本，另一个满足课程设计要求的版本， 课程设计是另一个资源大家可以，自己点我主页找那个版本看一下 两个版本的具体实现的要求功能略微一点差别，自行...
第1章网页设计基础.ppt
09-28
【网页设计基础】\n\n网页设计是将信息通过网页的形式呈现给用户的艺术与技术的结合，它在商业网络化中扮演着至关重要的角色。在开发网站的过程中，Adobe Dreamweaver CS4是一款常用的专业工具，它以其“所见即所得...
Bootstrap_basic_project:我的第一个引导基础项目
05-15
"Bootstrap_basic_project"这个项目会指导你从零开始创建一个简单的Bootstrap页面，可能包括一个导航条、一些卡片展示内容、一个响应式的表格，以及一些基础的按钮和表单元素。通过实践，你可以更好地理解Bootstrap...
渣渣用html写的简易网址导航网页
01-25
html渣渣写的简易网址导航网页，主要用到了、等标签
比较出名的导航类网站
迷失蒲公英
11-07 2931
网址导航是把很多网站集合起来，按照一定的条件进行分类的网站。网址导航方便网民快速找到自己需要的网站，可以直接到需要的网站，而不必记住各个网站的网址。以下是比较出名的几个导航类网站：
内网穿透的应用-使用Docker本地部署可编辑导航页结合内网穿透实现远程访问
weixin_42878111的博客
01-05 1099
我们现在就能使用cpolar内网穿透工具生成的固定二级子域名来将我们本地搭建的导航页分享给好友访问了，无需购买域名服务器，也不用设置路由器那么麻烦，他人可以在任意地点远程使用浏览器访问这个导航服务，轻松创建属于自己的网站导航！地址保留成功后，复制生成的公网地址，打开cpolar web ui管理界面，点击左侧仪表盘的隧道管理——隧道列表，找到我们上面创建的http隧道，点击。为了方便演示，我们在前述过程中使用了Cpolar生成的http地址隧道，其公网地址是随机生成的。可以看到，能够正常公网远程访问。
我自己制作的导航页网站，源码分享~
定期分享编程干货~
09-19 4917
pc端如下图：移动端如下图：把自己的源码上传到云服务器或虚拟主机，也可以制作成本地地址index.html那个文件。导航源码可以在本地环境打开。源码目录如下：可以把它添加到浏览器的主页，作为打开浏览器的导航页面。有百度、google、bing、搜狗…搜索引擎谷歌浏览器设置主页教程：https://www.xitongcheng.com/jiaocheng/dnrj_article_67570.html。
我自己制作的导航页网站，源码免费分享~
优派编程
09-12 4750
点击上方"优派编程"选择“加入星标”，第一时间关注原创干货我自己制作一款导航页网站http://wp.fang1688.cn/download/952.html演示网站地址：http://daohang.fang1688.cn小编方包今天分享一款自己制作的导航html页面源码可以发布到自己的虚拟主机，云服务器。没服务器的小伙伴也可以在本地将html后缀的文件添加到浏览器的主页或书签中。pc端如下图...
两分钟打造一个转属于你的网址导航（零基础，告别广告困扰）
发果叁
09-17 1477
当我们打开浏览器时，总会会被默认网址导航所困扰，网址导航页没有自己常用的网址，时不时会弹出来烦人的广告，等等等困扰我们的问题，花费两分钟的时间，看完这篇文章之后，打造一个专属于你的网址导航，从此告别一切困扰，助你在工作路上早日担任CEO，赢取白富美，走向人生巅峰，赶快行动起来吧！首先，背景图片修改，你需要首先将自己想要的背景图片保存到与代码同一级下面，比如说代码用记事本存储在了桌面中，那么你需要把你想要的背景图也保存到桌面上，我的是这样保存的（并没有特殊要求，只要在同一级下面就好）
搭建一个自己的导航网页
lissettecarlr的博客
12-22 1万+
前言由于最近公司平台太多了，之前一直保存到谷歌浏览器的书签里面，但是有时候想用手机或者IPAD访问，有没有安装谷歌浏览器，就比较麻烦。最关键是当你需要让某个人打开某个网站，但是同类型网站太多，域名估计是记不住的，这时候有个专门用于导航的页面还是蛮方便的。读完这个文章，就能分分钟搭建一个这样的网站。准备如果你想任何地方都能打开它，那就得有一个自己的服务器。我这里用的是vultr。然后为了好记得有一个自
好看的导航主页html,推荐|各种漂亮的网页导航，让浏览器靓起来
热门推荐
weixin_39527487的博客
06-10 20万+
最近刚买了电脑，蹲了半个月，实在是蹲不到荣耀magicbook14的16G版。忍不住加钱买了小新PRO13，真的是万幸的是目前还没有遇到较大的品控问题，新电脑入手肯定得一番折腾。强迫症的我为了个网页导航折腾了一下午，真的是太闲了我。至于我为什么这么闲，那一切就要从一只小小的蝙蝠说起了。言归正传，今天我就来给大家分享一下几个好看又好用的浏览器主页。一、简法主页这个就是我挑选了几个之后选用的导航，说实...
怎么编写一个网页，使得在进入该网站后有两行nav,其中第一行nav是几个网页都有的，第二个nav是该网址特有的
06-09
您可以按照以下步骤来编写一个包含两行导航栏的网站： 1. 创建一个 HTML 文件，并在文件中添加两个 `nav` 元素。 ```html <!DOCTYPE html> <html> <head> <title>My Website</title> </head> <body> <nav class="global-nav"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </nav> <nav class="local-nav"> <ul> <li><a href="#">Products</a></li> <li><a href="#">Services</a></li> <li><a href="#">Blog</a></li> </ul> </nav> </body> </html> ``` 2. 添加 CSS 样式来为两个导航栏设置样式，并使它们位于页面的顶部。 ```css nav { display: flex; justify-content: space-between; align-items: center; height: 50px; background-color: #333; color: #fff; padding: 0 20px; } .global-nav ul { list-style: none; margin: 0; padding: 0; display: flex; } .global-nav li { margin-right: 20px; } .local-nav ul { list-style: none; margin: 0; padding: 0; display: flex; } .local-nav li { margin-right: 20px; } ``` 3. 在 HTML 文件中添加一些内容来测试导航栏是否正常工作。 ```html <!DOCTYPE html> <html> <head> <title>My Website</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <nav class="global-nav"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </nav> <nav class="local-nav"> <ul> <li><a href="#">Products</a></li> <li><a href="#">Services</a></li> <li><a href="#">Blog</a></li> </ul> </nav> <h1>Welcome to My Website</h1> <p>Here is some content for my website.</p> </body> </html> ``` 这样就可以创建一个包含两个导航栏的网站了。全局导航栏包含了所有页面都有的链接，而本地导航栏包含了仅在该网站中存在的链接。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值