点击一个选项就刷新页面html代码

html-css09

点击一个选项就刷新页面html代码,第1张

点击按钮就刷新页面的代码输入步骤如下：

1、首先，新建一个html文档，如下图红框所示；

2、输入按钮的名称，比如“点击刷新”，代码如下：<a>点击刷新</a>。

3、在浏览器里面进行预览，可以看到现在只是普通的文字，如下图红框所示；

4、现在用reload() 方法，让其实现点击即可重新加载当前文档，代码如下：href="javascript:location.reload()"。

5、预览效果如下，现在单击“点击刷新”按钮，即可实现刷新页面。

HTML代码 是超文本标记语言文本，可以用文本编辑器制作HTML代码 ，这里以记事本为例。

1、右击电脑桌面任意空白区域，在展开的菜单中点击“新建”按钮，然后点击“文本文件”按钮：

2、打开新建的文本文件，在里面输入一些HTML基础的代码，然后同时按住键盘上的“Ctrl”键+“S”键将文件保存：

3、用鼠标将文件选中，按下键盘上的“F2”键，然后将文件格式从“txt”改成“html”，这时一个简单的HTML代码就制作好了：

什么是HTML文件？

HTML的英文全称是Hypertext

Marked

Language，中文叫做“超文本标记语言”。

和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”。

一个HTML文件的后缀名是.htm或者是.html。

用文本编辑器就可以编写HTML文件。

这就试写一个HTML文件吧！

打开你的Notepad，新建一个文件，然后拷贝以下代码到这个新文件，然后将这个文件存成first.html。

<html>

<head>

<title>Title

of

page</title>

</head>

<body>

This

is

my

first

homepage.

<b>This

text

is

bold</b>

</body>

</html>

要浏览这个first.html文件，双击它。或者打开浏览器，在File菜单选择Open，然后选择这个文件就行了。

示例解释

这个文件的第一个Tag是<html>，这个Tag告诉你的浏览器这是HTML文件的头。文件的最后一个Tag是</html>，表示HTML文件到此结束。

在<head>和</head>之间的内容，是Head信息。Head信息是不显示出来的，你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词，有助于搜索引擎能够搜索到你的网页。

在<title>和</title>之间的内容，是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。

在<body>和</body>之间的信息，是正文。

在<b>和</b>之间的文字，用粗体表示。<b>顾名思义，就是bold的意思。

HTML文件看上去和一般文本类似，但是它比一般文本多了Tag，比如<html>，<b>等，通过这些Tag，可以告诉浏览器如何显示这个文件。

HTML元素(HTML

Elements)

HTML元素(HTML

Element)用来标记文本，表示文本的内容。比如body,

p,

title就是HTML元素。

HTML元素用Tag表示，Tag以<开始，以>结束。

Tag通常是成对出现的，比如<body></body>。起始的叫做Opening

Tag，结尾的就叫做Closing

Tag。

目前HTML的Tag不区分大小写的。比如，<HTML>和<html>其实是相同的。

HTML元素(HTML

Elements)的属性

HTML元素可以拥有属性。属性可以扩展HTML元素的能力。

比如你可以使用一个bgcolor属性，使得页面的背景色成为红色，就像这样：

<body

bgcolor="red">

再比如，你可以使用border这个属性，将一个表格设成一个无边框的表格。如下：

<table

border="0">

属性通常由属性名和值成对出现，就像这样：name="value"。上面例子中的bgcolor,

border就是name，red和0就是value。属性值一般用双引号标记起来。

属性通常是附加给HTML的Opening

Tag，而不是Closing

Tag。