HTML分页,显示分页页面内容

html-css08

HTML分页,显示分页页面内容,第1张

一般html网页,可以采用div的css属性控制显示和隐藏来实现分页的目的。

display:block这个css属性可以让div显示出来;

display:none这个css属性可以让div隐藏起来;

例如:

<div id="page1" style="display:block">这是第1页的内容</div>

<div id="page2" style="display:none">这是第2页的内容</div>

<div id="page3" style="display:none">这是第3页的内容</div>

然后增加3个按钮,分别是第1页,第2页,第3页,每个按钮有点击事情。

例如:

<a href="javascript:showpage(1)">第1页</a>

<a href="javascript:showpage(2)">第2页</a>

<a href="javascript:showpage(3)">第3页</a>

4

然后通过javascript点击事情来修改div的css属性display的值,就可以达到切换页面的目的了。

例如:

<script>

function showpage(page){

for(var i=1i<=3i++) {

if (page==i){

document.getElementById("page"+page).style.display="block"

} else {

document.getElementById("page"+page).style.display="none"

}

}

}

</script>

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是一种编程语言,而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词,比如 <html>

HTML 标签通常是成对出现的,比如 <b>和 </b>

标签对中的第一个标签是开始标签,第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

HTML 文档 = 网页

HTML 文档描述网页

HTML 文档包含 HTML 标签和纯文本

HTML 文档也被称为网页

Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容。

HTML中div不是换行的意思,div是一个标准的块元素,独占一行。而p标签是段落标签。

1、<div>可定义文档中的分区或节。<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。如果用 id 或 class 来标记<div>,那么该标签的作用会变得更加有效。

用法

<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div>固有的唯一格式表现。可以通过 <div>的 class 或 id 应用额外的样式。不必为每一个 <div>都加上类或 id,虽然这样做也有一定的好处。可以对同一个 <div>元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。

2、<p>标签定义段落。

p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。