美文网首页视觉艺术
HTML5+CSS——04mete标签、超链接

HTML5+CSS——04mete标签、超链接

作者: Bellawwww | 来源:发表于2020-06-01 12:47 被阅读0次

六一儿童节快了嘻嘻

复习一下昨天的知识

复习


一.meta标签

除了定义字符节作用,还可以使用meta标签来设置网页的关键字

属性:

name :对content的描述

content :是关键字

例如:<meta name="keywords" content=”HTML5,JavaScript,前端,Java" />

还可以用来指定网页的描述

搜索引擎在检索页面时,会同时检索页面中的关键词和描述,但是这两个值不会影响页面在搜索引擎中的排名

例如<meta name="descrption" content="发布h5、js等前端相关信息">

除此之外,使用meta可以用来做请求的重定向

例如 :<meta http-equiv="refresh" content"5;url=http.baidu.com">

二.XHtml语法规范

1.Html中不区分大小写,但是我们一般都是用小写

2.Html中的注释不能嵌套

3.Html标签必须结构完整,要么成对出现,要么自结束标签

4.Html标签可以嵌套,但是不能交叉嵌套

5.Html标签中的属性必须有值,但值必须加引号

三、内联框架

使用内联框架可以引入一个外部页面,使用iframe来创建一个内联框架

格式:<iframe></iframe>

属性:

src : 指向一个外部页面的路径,可以使用 相对路径

width :和img一样,但是不安等比缩放

height :和img一样,但是不安等比缩放

name : 可以为内联框架指定一个name属性

例如:<iframe src="demo01.html"><iframe>

但是在现实开发中不推荐使用内联框架,因为内联框架中的内容不会被搜索引擎所检索。

内联框架会在网页中有一个内部小框

四.超链接

使用超链接可以让我们从一个页面跳转到另一个页面

使用a标签来创建一个超链接

格式 :<a></a>

属性 :

href :指向连接跳转的目标地址,可以写一个相对路径也可以写一个完整地址

例如: <a href="http:/www.baidu.com"我是一个超链接</a>

a标签中的target属性可以用来指定打开链接的位置

可选值:

_self ,表示在当前窗口中打开(默认值)

_blank ,在新的窗口中打开链接

可以设置一个内联框架的name属性值,链接将会在指定的内联框架中打开

例如: <a href="http:/www.baidu.com" target=“_blank">我是一个超链接</a>

设置内联框架,链接将会在内联框架中打开

ps:

居中标签:<center></center> 

center标签中的内容,会默认在页面中居中显示,我们可以将要剧中的元素,全都放在center中。

五.总结

最后一个一个网页练习来总结我的html学习哈哈哈哈哈,算基本告一段落了。

下节开始CSS学习

练习展示 源代码

相关文章

  • HTML5+CSS——04mete标签、超链接

    六一儿童节快了嘻嘻 复习一下昨天的知识 一.meta标签 除了定义字符节作用,还可以使用meta标签来设置网页的关...

  • HTML标签(a table from)

    超链接标签 表格标签 form表单

  • html+css初识(第四节)

    本小节主要介绍超链接标签,以及图片标签,以及通过超链接标签连接到Email地址。依旧通过代码来介绍各种标签: ① ...

  • HTML笔记--超链接标签

    HTML笔记--超链接标签 标签(空格分隔): HTML 超链接标签 链接资源 显示连接的内容 百度这样的效果就是...

  • 认识html

    认识html 文本标签 列表标签 图片标签 超链接(重点!!!!!!!!!!!!!) 表格标签

  • 2018-09-17 ----html总结

    html简介 head标签 文本标签 图片和超链接 表格标签

  • html 基础

    1、超链接: 内容 超链接 2、图片标签: 3、无序列表: ...

  • 超链接

    内容 超链接标签是双标记标签并且 超链接标签是行内标签又叫内联标签 href属性的属性值可以是网址,比如 百度一下...

  • Html

    一、标签 单标签 换行标签 双标签 a.文件和图片在同一个目录中,直接写文件名。 超链接超链接 href 去往...

  • HTML常用标签

    1 a 标签的用法 a是一个超链接标签,点击a可以跳转到另外一个页面. 1.1 a标签的属性 href超链接地址...

网友评论

    本文标题:HTML5+CSS——04mete标签、超链接

    本文链接:https://www.haomeiwen.com/subject/qxdjzhtx.html