HTML5学习笔记（三）

阳光穿透心脏的1/2处 2022-05-22 23:10 230阅读 0赞

## 采用段落或无序列表与超链接组合实现网站导航 ##

代码如下：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>网站导航</title>

<style>

ul\{ list-style-type:none; text-align: center; \}

li\{ display:inline;\}

lia\{ padding:020px;\}

</style>

</head>

<body>

<p>利用段落标记和超链接实现网站导航</p>

<center>

<p>

<a href="http://www.baidu.com/">百度</a>&nbsp;&nbsp;&nbsp;&nbsp;

<a href="http://www.sina.com.cn/">新浪</a>&nbsp;&nbsp;&nbsp;&nbsp;

<a href="ttp://www.qq.com/">腾讯</a>&nbsp;&nbsp;&nbsp;&nbsp;

<a href="ttp://www.sohu.som/">搜狐</a>&nbsp;&nbsp;&nbsp;&nbsp;

<a href="http:www.163.com/">网易</a>&nbsp;&nbsp;&nbsp;&nbsp;

<a href="tp:www.google.hk/">谷歌</a>&nbsp;&nbsp;&nbsp;&nbsp;

</p>

</center>

<hr align="center" size="3" color="blue">

<p>利用无序列表实现水平导航条</p>

<center>

<p>

<ul>

<li><a href="tp:www.google.hk/">谷歌</a></li>

<li><a href="http://www.baidu.com/">百度</a></li>

<li><a href="http://www.sina.com.cn/">新浪</a><li>

<li><a href="ttp://www.qq.com/">腾讯</a><li>

<li><a href="ttp://www.sohu.som/">搜狐</a></li>

<li><a href="http:www.163.com/">网易</a></li>

</ul>

</p>

</center>

</body>

</html>

效果图：

![70][]

[70]: /images/20220523/ded1b46c5e97450abdfc6131f7a55b39.png

发表评论取消回复

表情：

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

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

相关阅读

相关 HTML5-fishc 学习笔记

*\\ meta标签** ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM...

电玩女神/ 2024年04月18日 17:06/ 0 赞/ 58 阅读

相关 HTML5——CSS学习笔记（13）HTML5基础

HTML5发展史 > HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML

深藏阁楼爱情的钟/ 2022年12月14日 12:18/ 0 赞/ 268 阅读

相关 HTML5笔记

HTML5笔记表单 form 属性 <table> <thead> <tr> <th>属性</th> <th>值</th>

素颜马尾好姑娘i/ 2022年06月10日 07:29/ 0 赞/ 217 阅读

相关 html5笔记

第一章 HTML5概述 1.1 HTML历史说HTML历史之前，我们先介绍一个人，三个组织： ü Tim Berners Lee Web之父，20种标签，

太过爱你忘了你带给我的痛/ 2022年06月08日 12:54/ 0 赞/ 255 阅读

相关 HTML5学习笔记（三）

采用段落或无序列表与超链接组合实现网站导航代码如下： <!DOCTYPE html> <html> <head>  <meta

阳光穿透心脏的1/2处/ 2022年05月22日 23:10/ 0 赞/ 231 阅读

相关 HTML5学习笔记（一）HTML5新标签新属性

一、HTML5简介 2014年10月29日，HTML5标准规范制定完成，并公开发布。二、HTML5页面结构 HTML5提供了新的语义元素来明确一个Web页面的不同部分。

布满荆棘的人生/ 2022年04月18日 02:55/ 0 赞/ 333 阅读

相关 HTML5学习笔记（三）canvas画布基础

一、基本内容 Canvas在HTML页面提供画布的功能，在画布中绘制各种图形 Canvas绘制的图形与HTML页面无关，无法通过DOM获取绘制

分手后的思念是犯贱/ 2022年04月17日 00:26/ 0 赞/ 335 阅读

相关 HTML5学习笔记简明版（1）：HTML5介绍与语法

HTML5介绍 HTML5是继HTML4以后的下一代HTML标准规范，它提供了一些新的元素和属性（例如`<nav>`网站导航块和`<footer>`）。新型的标签有利于搜

Bertha 。/ 2022年04月16日 04:19/ 0 赞/ 277 阅读

相关 HTML学习笔记5-HTML标题

一、HTML标题 1.HTML标题是通过<h1>-<h6>标签定义 2.<h1>最大，<h6>最小注意：编写HTML文件时，必须要确保<h1>-<h6>标签只能用于标题

╰+攻爆jí腚メ/ 2021年11月05日 13:04/ 0 赞/ 354 阅读

相关 HTML5学习笔记

元素居中的几种方法总结：（当一个父元素包着一个子元素）第一种：子元素 margin：0 auto; 内水平居中第二种：父元素 position

Myth丶恋晨/ 2021年06月11日 15:13/ 0 赞/ 458 阅读