4、HTML 学习记录——元素学习

前面我们使用过5个元素:标题、段落、超链接、换行、图片,今天先回顾下,然后学习新的元素及属性

一、标题、段落、超链接、换行、图片元素

<h1 id="h1" name="hname" class="cname">这是一个h1标签</h1>
<p>这是一个p段落</p>
<a href="http://www.baidu.com">百度</a>
<br/>
<img src="storm1.jpg"/>

二、HTML 超链接(链接)

1、链接特点

(1)HTML使用标签 <a>来设置超文本链接。
(2)超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
(3)当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
(4)在标签<a> 中使用了href属性来描述链接的地址。
(5)默认情况下,链接将以以下形式出现在浏览器中:
(6)一个未访问过的链接显示为蓝色字体并带有下划线。
(7)访问过的链接显示为紫色并带有下划线。
(8)点击链接时,链接显示为红色并带有下划线。
注意:如果为这些超链接设置了 CSS 样式,展示样式会根据 CSS 的设定而显示。


2、HTML 链接语法

(1)<a href="url">链接文本</a>  ,href 属性描述了链接的目标。

<a href="http://www.baidu.com/">访问百度首页</a>
上面这行代码显示为:访问百度首页
点击这个超链接会把用户带到百度的首页。
提示: "链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。


3、target 属性
使用 target 属性,你可以定义被链接的文档在何处显示。下面的这行会在
新窗口打开文档:
实例
<a href="http://www.baidu.com/" target="_blank">访问百度首页</a>


4、注意:

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


三、HTML 头部

<head>
    <meta charset="UTF-8">
    <title>Storm</title>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
1、<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.


2、<meta>元素

meta标签描述了一些基本的元数据。

<meta> 标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。

META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。

元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。

<meta> 一般放置于 <head> 区域

charset 定义网页编码格式


3、<title> 元素
<title> 标签定义了不同文档的标题。
<title> 在 HTML/XHTML 文档中是必须的。
<title> 元素:
定义了浏览器工具栏的标题
当网页添加到收藏夹时,显示在收藏夹中的标题
显示在搜索引擎结果页面的标题


4、<link> 元素
<link> 标签定义了文档与外部资源之间的关系。
<link> 标签通常用于链接到样式表,其实就是调用css的格式,后面我们讲下html、css、xml等关系。

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页