html标签导航 实例

最新推荐文章于 2022-02-22 11:38:00 发布
最新推荐文章于 2022-02-22 11:38:00 发布
阅读量893 收藏
点赞数
分类专栏： html 文章标签： html 标签导航
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Simon1003/article/details/83419330
版权 
<div class="mainContainer">

    <div class="navContent">
        <a class="book" href="#" id="first_a">Demo - HH</a>
        <hr style="border: 1px solid #00ff21;margin-top:auto;margin-bottom:auto" />
        <a class="book" href="#">Demo - Person</a>
        <hr style="border: 1px solid #00ff21;margin-top:auto;margin-bottom:auto" />
        <a class="book" href="#">Interests</a>
        <hr style="border: 1px solid #00ff21;margin-top:auto;margin-bottom:auto" />
        <a class="book" href="#">Social Media</a>
        <hr style="border: 1px solid #00ff21;margin-top:auto;margin-bottom:auto" />
        <a class="book" href="#">Ownership & Occupancy</a>
        <hr style="border: 1px solid #00ff21;margin-top:auto;margin-bottom:auto" />
        <a class="book" href="#">Property Description</a>
        <hr style="border: 1px solid #00ff21;margin-top:auto;margin-bottom:auto" />
        <a class="book" href="#">Property Value</a>
        <hr style="border: 1px solid #00ff21;margin-top:auto;margin-bottom:auto" />
        <a class="book" href="#"> Mortgages & Loans</a>
        <hr style="border: 1px solid #00ff21;margin-top:auto;margin-bottom:auto" />
        <a class="book" href="#">Investments & Assets</a>
        <hr style="border: 1px solid #00ff21;margin-top:auto;margin-bottom:auto" />
        <a class="book" href="#">Insurance</a>
    </div>

    <div class="container">
        <div class="contentInfo">
            <div class="table">
                <p>Demo - HH</p>
                <table border='1' width='1000' cellpadding='5' cellspacing='0'>
                    <tr>
                        <td>Level</td>
                        <td>Type</td>
                        <td>Description</td>
                        <td>Example or Valid Values</td>
                        <td>Attribute ID</td>
                    </tr>
                    <tr>
                        <td>household</td>
                        <td>String</td>
                        <td>Likelihood that someone in the household is planning to adopt a child</td>
                        <td>01 = Very likely</td>
                        <td>AP004380</td>
                    </tr>
                    <tr>
                        <td>household</td>
                        <td>Array of strings</td>
                        <td>Adult age ranges present in the household</td>
                        <td>Pos. 1     1 = Males 18 - 24</td>
                        <td>7600</td>
                    </tr>
                    <tr>
                        <td>household</td>
                        <td>String</td>
                        <td>Likelihood that someone in the household is planning to adopt a child</td>
                        <td>01 = Very likely</td>
                        <td>AP004380</td>
                    </tr>
                    <tr>
                        <td>household</td>
                        <td>Array of strings</td>
                        <td>Adult age ranges present in the household</td>
                        <td>Pos. 1     1 = Males 18 - 24</td>
                        <td>7600</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="contentInfo">
            <div class="table">
                <p>DS-API Data Elements in "basicDemographics" Bundle for Document Class = Person</p>
                <table border='1' width='1000' cellpadding='5' cellspacing='0'>
                    <tr>
                        <td>Data Element</td>
                        <td>DS-API Data Element Name</td>
                        <td>Level</td>
                        <td>Type</td>
                        <td>Description</td>
                        <td>Example or Valid Values</td>
                        <td>Attribute ID</td>
                    </tr>
                    <tr>
                        <td>Age in Two-Year Increments - Input Ind (default to 1st Ind)</td>
                        <td>age</td>
                        <td>person</td>
                        <td>Number:Integer</td>
                        <td>Indicates the age of the individual.</td>
                        <td>
                            20 = 20
                            22 = 22
                            24 = 24
                            26 = 26
                            28 = 28
                            30 = 30
                            32 = 32
                            34 = 34
                        </td>
                        <td>8627</td>
                    </tr>
                    <tr>
                        <td>Age in Two-Year Increments - Input Ind (default to 1st Ind)</td>
                        <td>age</td>
                        <td>person</td>
                        <td>Number:Integer</td>
                        <td>Indicates the age of the individual.</td>
                        <td>
                            20 = 20
                            22 = 22
                            24 = 24
                            26 = 26
                            28 = 28
                            30 = 30
                            32 = 32
                            34 = 34
                        </td>
                        <td>8627</td>
                    </tr>
                    <tr>
                        <td>Age in Two-Year Increments - Input Ind (default to 1st Ind)</td>
                        <td>age</td>
                        <td>person</td>
                        <td>Number:Integer</td>
                        <td>Indicates the age of the individual.</td>
                        <td>
                            20 = 20
                            22 = 22
                            24 = 24
                            26 = 26
                            28 = 28
                            30 = 30
                            32 = 32
                            34 = 34
                        </td>
                        <td>8627</td>
                    </tr>

                </table>
            </div>
        </div>
        <div class="contentInfo">
            <div class="table">
                <p>DS-API Data Elements in "interests" Bundle</p>
                <table border='1' width='1000' cellpadding='5' cellspacing='0'>
                    <tr>
                        <td>Data Element</td>
                        <td>DS-API Data Element Name</td>
                        <td>Level</td>
                        <td>Type</td>
                        <td>Description</td>
                        <td>Example or Valid Values</td>
                        <td>Attribute ID</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="contentInfo">
            <div class="table">
                <p>DS-API Data Elements in "socialMedia" Bundle</p>
                <table border='1' width='1000' cellpadding='5' cellspacing='0'>
                    <tr>
                        <td>Data Element</td>
                        <td>DS-API Data Element Name</td>
                        <td>Level</td>
                        <td>Type</td>
                        <td>Description</td>
                        <td>Example or Valid Values</td>
                        <td>Attribute ID</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="contentInfo">
            <div class="table">
                <p>DS-API Data Elements in "socialMedia" Bundle</p>
                <table border='1' width='1000' cellpadding='5' cellspacing='0'>
                    <tr>
                        <td>Data Element</td>
                        <td>DS-API Data Element Name</td>
                        <td>Level</td>
                        <td>Type</td>
                        <td>Description</td>
                        <td>Example or Valid Values</td>
                        <td>Attribute ID</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="contentInfo">
            <div class="table">
                <p>DS-API Data Elements in "propertyDescription" Bundle </p>
                <table border='1' width='1000' cellpadding='5' cellspacing='0'>
                    <tr>
                        <td>Data Element</td>
                        <td>DS-API Data Element Name</td>
                        <td>Level</td>
                        <td>Type</td>
                        <td>Description</td>
                        <td>Example or Valid Values</td>
                        <td>Attribute ID</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="contentInfo">
            <div class="table">
                <p>DS-API Data Elements in "propertyValue" Bundle</p>
                <table border='1' width='1000' cellpadding='5' cellspacing='0'>
                    <tr>
                        <td>Data Element</td>
                        <td>DS-API Data Element Name</td>
                        <td>Level</td>
                        <td>Type</td>
                        <td>Description</td>
                        <td>Example or Valid Values</td>
                        <td>Attribute ID</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="contentInfo">
            <div class="table">
                <p>DS-API Data Elements in "mortgagesAndLoans" Bundle</p>
                <table border='1' width='1000' cellpadding='5' cellspacing='0'>
                    <tr>
                        <td>Data Element</td>
                        <td>DS-API Data Element Name</td>
                        <td>Level</td>
                        <td>Type</td>
                        <td>Description</td>
                        <td>Example or Valid Values</td>
                        <td>Attribute ID</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="contentInfo">
            <div class="table">
                <p>Investments & Assets</p>
                <table border='1' width='1000' cellpadding='5' cellspacing='0'>
                    <tr>
                        <td>Data Element</td>
                        <td>DS-API Data Element Name</td>
                        <td>Level</td>
                        <td>Type</td>
                        <td>Description</td>
                        <td>Example or Valid Values</td>
                        <td>Attribute ID</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="contentInfo">
            <div class="table">
                <p>DS-API Data Elements in "Insurance" Bundle for Document Class = Person</p>
                <table border='1' width='1000' cellpadding='5' cellspacing='0'>
                    <tr>
                        <td>Data Element</td>
                        <td>DS-API Data Element Name</td>
                        <td>Level</td>
                        <td>Type</td>
                        <td>Description</td>
                        <td>Example or Valid Values</td>
                        <td>Attribute ID</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                    <tr>
                        <td>Arts</td>
                        <td>[Arts']</td>
                        <td>person</td>
                        <td>array of strings</td>
                        <td>Indicates an interest in arts and entertainment.</td>
                        <td>1 = Arts</td>
                        <td>7732</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>

</div>
Simon Jing
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML5+CSS3小实例：富有弹性的导航栏标签
艾恩小灰灰的博客
04-28 1604
HTML5+CSS3实现富有弹性的导航栏标签，切换如此Q弹的标签栏，你确定不手敲一遍？没有用到JavaScript哦！ 效果： 源码： <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-widt
HTML各种导航栏例子
07-10
HTML各种导航栏例子
html+css导航栏案例展示
04-17
html+css导航栏案例展示。
WEB前端(7)—— 简单的 HTML+CSS 导航栏案例
qq_46187519的博客
09-08 9676
适合每个新手的导航栏： 代码与运行效果如图： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>导航栏</title> <style type="text/css"> ul{/*设置导航栏的框框*/ margin: 30px auto;/*框框整体的位置，30px是指离网页的顶部和下部的距离，auto控制的是左右距离为自动调节*/
HTML+CSS简单导航栏实例
MrLsss的博客
05-13 938
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> ul{ list-style-type: non
网页导航栏示例100个
12-05
网页导航栏示例100个很多效果很不错。喜欢的小虾可以下载看看。
左侧栏导航实例.zip
09-11
总的来说，“左侧栏导航实例”是一个典型的前端开发项目，涉及到HTML、CSS、JavaScript等多个技术领域，同时也涵盖了用户体验、响应式设计和性能优化等多个方面。通过学习和实践这样的实例，开发者可以提升自己的...
HTML5+CSS3+JS小实例：阿里云盘的侧边导航栏
最新发布
12-27
通过这些元素，我们可以定义导航栏的基本结构，并利用`<a>`标签创建链接，将导航项与相应的页面或功能关联起来。 接着，CSS3是层叠样式表的最新标准，提供了丰富的样式控制和动画效果。在设计阿里云盘的侧边导航栏...
firebug指南（六）--HTML标签应用实例
03-18
【标题】：“firebug指南（六）--HTML标签应用实例” 在Web开发中，Firebug是一款非常重要的工具，尤其对于前端开发者来说，它提供了一种深入解析网页元素、调试JavaScript、调整CSS样式等功能。本篇指南将聚焦于...
DIV CSS制作的个性水平导航菜单实例
09-27
本实例将介绍如何使用HTML和CSS来创建一个个性化的水平导航菜单。我们将关注以下几个关键知识点： 1. **CSS布局**： - `#pointermenu` 是整个导航菜单的容器，设置了顶部7像素的黑色边框，以及上下左右的内外边距...
css 实现导航栏demo
12-30
css 实现导航栏demo，html格式文件 直接浏览器打开即可。
24款CSS导航实例
12-07
该资源包括最近浒CSS导航实例,共有24款。款款经典，非常实用
html案例：导航栏布局案例
I'm LINKSINKE
06-22 2789
要求 实现一个简单的导航菜单，没有子菜单。 代码如下： <!doctype html> <html lang="zh-Han-cmn"> <head> <meta charset="UTF-8"> <title>导航栏布局案例</title> <style type="text/css" rel="styleshe...
html炫酷导航实例,CSS+JQ实现炫酷导航栏
weixin_36138462的博客
06-05 775
1.当前页面高亮显示的导航栏导航栏一AndroidC++IOSJavaRuby首页*{ margin:0; padding: 0; }a{ text-decoration: none; }.nva{ width: 100%; height: 40px; margin-top: 70px; background-color: #222; }.list{ width: 80%; height: 40p...
html 导航栏设计,在网页中设计导航菜单的三个原则（附案例）
weixin_42568512的博客
06-10 2452
导航菜单可能是网页设计中最重要的部分了。每个用户浏览网站时一定有所需，因此导航菜单能够帮助用户寻找信息。好的导航菜单像是导游，告诉用户网站是干什么的，内容分类有哪些，在哪里可以找到什么信息。而且导航栏也是整体布局的重要组成。总结一下，导航栏的重要性。1. 浏览完Logo后，导航栏是用户第一个看到的组件。2. 导航栏的作用是引导用户。3. 导航栏的作用也类似于索引，快速帮助用户找到所需信息。想让导航...
HTML导航栏的四种制作方法,jQuery+CSS3实现四种应用广泛的导航条制作实例详解
weixin_34060561的博客
06-09 5304
导航条的使用很广，每个网站都会做出具有自己特色的导航条。最近特地去了解了各种类型的导航条，比如具有高亮显示的导航条，中英文互相切换的导航条，具有弹性动画的导航条，甚至是具有摩擦运动动画的导航条(文字下面有横线)等。每种导航条都有自己的特色，比如高亮显示的导航条看起来比较简单，但是视觉效果还不错，具有动画效果的导航条在视觉上也是有很好的效果。接下来将会一一介绍4种应用比较广的导航条，即：高亮显示的导...
超链接导航栏案例
weixin_30590285的博客
01-06 502
HTML结构 <div class="nav"> <ul> <li> <a href="">路飞学城</a> </li> <li> &l...
html前端元素—菜单导航代码实例
yunduanaoligei的博客
02-22 4532
今天分享下”html前端元素—菜单导航代码实例“这篇文章，文中根据实例编码详细介绍，或许对大家的编程之路有着一定的参考空间与使用价值，需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。 菜单栏示例一： 复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http
CSS 导航栏案例
快乐de馒头
01-19 3059
导航栏案例 使用技巧：在一行内的盒子内，我们设定行高等于盒子的高度，就可以使文字垂直居中。 <head> <meta charset="utf-8"> <style> body { background-color: #000; } a { width: 200px; height: 50px;...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值