HTML 超文本标记语言

HTML5

HTML的基本结构

HTML文件的编写方法

HTML标签:一个HTML文件是由一系列的元素和标签组成的.
元素如:title img table,不区分大小写

HTML用标签来规定HTML元素的属性和在文件中的位置.
成对标签:
<元素名称>要控制的元素</元素名称>
成对标签仅对在标签内部的部分文件发生作用.
单独标签
<元素名称>
作用为在相应位置插入元素,如 <br>

HTML标签中还可以设置一下属性,控制标签建立的元素
<元素名称 属性1="值1" 属性2="值2"...>

尾标签:
<元素名称>

HTML文件中某个元素的完整定义语法如下:
<元素名称 属性1="值1" 属性2="值2"...>元素资料</元素名称>

语法中,设置各属性所使用的“"”可省略.

元素概念:HTML文件中,一个HTML标签和包含在标签中间的那段文字称为一个HTML元素.

所有的HTML文件中:最外层的元素是由<html>标签所建立的,在<html>标签中包含两个主标签<head>文件标题和<body>文件主体.

<head></head>之间的部分是文件的标题和整个文件的一些公共属性.
<body></body>之间的部分是文件主体部分.不加说明,下面介绍的标签均是嵌套在这一对标签中使用.

把HTML文件分为文件头和文件主体两个部分.文件主体是在浏览器窗口用户区内看到的内容,文件头部分用来规定该文件的标题(出现在浏览器窗口的标题栏中)和文件的一些属性.
放关于HTML文件的一些信息.
它包含文件标题,编码方式,URL等信息.这部分信息大部分提供索引,辨认等其他应用.
写在<head></head>中的文本如果又写在<title></title>中,表示该网页的标题同时作为窗口的名称显示在网页窗口的最上方.

HTML头部标记

一般情况下,CSS和JavaScript都定义在头元素中,内容不会在网页上直接显示,用于包含当前文档的相关信息.

常用头部标记内容

<base>				当前文档的URL全称(基底网址)
<basefont>			设定基准的文字字体、字号和颜色
<title>				设定显示在浏览器左上方的标题内容
<isindex>			表明该文档是一个可用于检索的网关脚本,由服务器自动建立
<meta>				设定有关文档本身的元信息,例如用于查询的关键字,用于获取该文档的有效期等
<style>				设定CSS层叠样式的内容
<link>				设定外部文件的链接
<script>			设定页面中程序脚本的内容

<base href="">超文本引用

<meta>标记不需要设置结束标志,一个尖括号内就是一个meta内容,一个HTML头页面中可以有多个<meta>元素.
<meta>元素属性有两种,http-equiv和name,其中name属性用于描述网页,以便于搜索引擎机器人查找和分类.
<meta name="keyword" content="html,元信息,关键字">
<meta name="description" content="关于HTML使用的网站">
name为属性名称,设置为"description",也就是将元信息属性设置为页面描述,在content中定义具体的描述语言.

设定网页的定时跳转

<meta http-equiv="refresh" content="3;url=http://www.mingribook.com>元素的http-equiv属性,用于设定标头属性的名称,在content中才设置属性值.

禁止从缓存中调用

cache-control和pragma都可以设定缓存的属性,content中则是真正禁止调用的语句.

<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">

标签

<img/>属性src

<img src="/users/jona/ClionP
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值