HTML学习笔记（一）

最新推荐文章于 2024-07-22 22:37:58 发布

xuyangtiger1

最新推荐文章于 2024-07-22 22:37:58 发布

阅读量541

点赞数

分类专栏： Html 文章标签： html 浏览器服务器文档 header url

本文链接：https://blog.csdn.net/xuyangtiger1/article/details/6854938

版权

Html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1.锚

HTML 文档内部的已命名的锚：

<a name="tips">Useful Tips Section</a>

然后，我们创建指向相同文档中“有用的提示”部分的链接：

<a href="#tips">Visit the Useful Tips Section</a>

或者，创建从另一个页面指向该文档中“有用的提示”部分的链接：

<a href="http://www.w3school.com.cn/html_links.htm#tips">
Visit the Useful Tips Section
</a>

在上面的代码中，我们将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个命名锚了。

注释：请始终将正斜杠添加到子文件夹。假如这样书写链接：href="http://www.w3school.com.cn/html"，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="http://www.w3school.com.cn/html/"。

提示：命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚，然后把链接到这些锚的链接放到文档的上部。如果您经常访问百度百科，您会发现其中几乎每个词条都采用这样的导航方式。

提示：假如浏览器找不到已定义的命名锚，那么就会定位到文档的顶端。不会有错误发生。

2.表单

(1)下拉列表：

<form>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

3.图片

(1)

alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。

<img src="boat.gif" alt="Big Boat">

在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。

注：图片加载成功，当鼠标悬停在图片上，那么会浮现替换文本（大多数浏览器都支持）。
(2)图像链接：

<p>
您也可以把图像作为链接来使用：
<a href="/example/html/lastpage.html">
<img border="0" src="/i/eg_buttonnext.gif" />
</a>
</p>

(3)创建图像映射

本例显示如何创建带有可供点击区域的图像地图。其中的每个区域都是一个超级链接。

</map>

注：具体的shape决定了coords的值。

(4)

服务器端图像映射：

所有浏览器都支持 ismap 属性。

<a href="demo_form.asp">
<img src="tulip.gif" ismap="ismap" />
</a>

悬停在图像上有坐标。

ismap 属性将图像定义为服务器端图像映射。

图像映射指的是带有可点击区域的图像。

当点击一个服务器端图像映射时，点击坐标会以 URL 查询字符串的形式发送到服务器。

图像映射的 ismap 样式被称为 “服务器端”图像映射，它只可以用在 <a> 标签标识的超链接里面。

4.框架

通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面（显示多个html页）。

5.元信息

6.事件

<html>

<head>

function changecolor(){

document.getElementById('header').style.color="red"}

</script>

</head>

<body>

Click on this text</h1>

</body>

</html>

xuyangtiger1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML学习笔记（一）

1.锚HTML 文档内部的已命名的锚：name="tips">Useful Tips Section然后，我们创建指向相同文档中“有用的提示”部分的链接：href="#tips">Visit the Useful Tips Section或者，创建从另一个页面
复制链接

扫一扫