HTML5标签

HTML不是一种编程语言,而是一种标记语言(Hyper Text Markup Language)。HTML5标记标签是由尖括号括起来的关键词,比如<html>
HTML5的标签通常是成对出现的,如<b>和</b>其中第一个标签是开始标签,第二个标签是结束标签。
语法:

<标签名称>文本内容</标签名称>

成对的标签只对包含在其中的文本发生作用;
在每个标签中,大写小写或混写均可。

元素

HTML5元素是指从开始标签到结束标签的所有代码。
例如:

<p>具体的文本内容</p>

这个<p>元素定义了HTML5文档中的一个段落,这个元素拥有一个开始标签<p>和一个结束标签</p>.

再如:

<a href="https://www.taobao.com/">淘宝网</a>

这个<a>元素定义了一个超链接,它由开始标签<a>和结束标签</a>构成,元素的内容是:淘宝网,href属性表示<a>元素的超链接地址。

在HTML5的语法中,每个由HTML5标签与文字所形成的元素内,还可以包含另一个元素。整个HTML5文件就像一个大元素包含了许多小元素。

HTML5文件基本结构

<html>                   //文件开始
<head>                   //文件头
<title>文件标题</title>   //文件标题
</head>                  //文件头结束
<body>                   //文件体
文件正文                  //主体部分,基本的内容都在这里边写
</body>
</html>                  //文件结束

< head> 与< /head>之间的元素是html5文件的文件头部分,用以说明文件的标题和整个文件的一些公共属性;< body>和< /body>是文件的主体部分,我们要实现的功能大部分是在这两个标签间实现的。

HTML5的基本标签

1.文件开始标签<html>

在任何一个html文件里,最先出现的html标签就是< html>,它是用于标识该文件是以HTML编写的,文件中所有文件内容都包含在< html>和 < /html>之间。
该标签不带任何属性。
其实现在常用的web浏览器都可以自动识别html文件,但是还是应该养成使用这个标签的好习惯。

2.文件头部标签<head>

html文件可分为文件头和文件主体两部分。文件主体部分就是在web浏览器窗口的用户区内看到的内容。而文件头部分用来规定该文件的标题(出现在web浏览器窗口的标题栏中)和文件的一些属性。它包含文件的标题、编码方式及url等信息,用于提供索引、辨认或其他方面的应用。
如果文本写在< title>标签中,则表示该网页的名称作为窗口的名称显示在这个网页窗口的最上方。
(如果html文件不需要提供相关信息时,可以省略< head> 标签。)

3.文件标题标签<title>

网页的名称写在< title>和< /title>之间,< title>标签应包含在< head>和< /head>标签之中。

4.元信息标签<meta>

meta元素提供的信息是用户不可见的,它不显示在页面中,一般用来定义页面信息的名称、关键字、作者等。在HTML中,meta标记不需要设置结束标记,在一个尖括号内就是一个meta内容,而在一个html头页面中可以有多个mata元素,meta元素的属性有两种:name 和 http-equiv,其中,name属性主要用于描述网页,以便搜索引擎机器人查找、分类。

5.页面主体标签<body>

在网页的主体标签部分中有很多的属性设置,如下表:

属性 描述
text 设置页面文字的颜色
bgcolor 设定页面背景的颜色
background 设定页面的背景图像
bgproperties 设定页面的背景图像为固定,不随页面的滚动而滚动
link 设定页面默认的链接颜色
alink 设定鼠标正在单击时的链接颜色
vlink 设定访问后的链接颜色
topmargin 设定页面的上边距
leftmargin 设定页面的左边距

页面的注释

有三种注释的方法:
1.<!--注释文字-->
2./*注释文字*/
3.//注释文字

HTML5基础语法详述相关推荐

  1. 【HTML5】HTML5基础语法汇总

    HTML 超文本标记语言(Hyper Text Markup Language,简称HTML)是一种构建网页的标准标记语言. 那么"超文本"和"标记语言"是什么 ...

  2. html5 内嵌网页_HTML5与CSS3基础语法自学教程(二)

    本文首发于[前端课湛]微信公众号.可以在微信里搜索[前端课湛]关注,第一时间看文章! 导读: 本小节主要讲解 HTML 的基础语法内容,将通过编写第一个 HTML 页面来学习 HTML 的基本结构. ...

  3. html5扩展函数的使用方法,知识分享:JavaScript基础语法

    知识分享:JavaScript基础语法 原创 mb5fd868d58f1472021-01-22 16:52:56©著作权 阅读数 41 ©著作权归作者所有:来自51CTO博客作者mb5fd868d5 ...

  4. html5基础知识文档,HTML5基础知识(1)

    原标题:HTML5基础知识(1) html5是万维网的核心语言.标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改.2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力, ...

  5. html5实践开发教程,HTML5基础与实践教程

    HTML5基础与实践教程 语音 编辑 锁定 讨论 上传视频 <HTML5基础与实践教程>是2010年4月机械工业出版社出版的图书,作者是云翔,刘猛猛,欧阳植昊. 书    名 HTML5基 ...

  6. Python学习1 基础语法 数据类型 计算机基础

    Python的重要性 python就业方向 Python的历史 python创造于1989年,荷兰人吉多.范罗苏姆 现在是Python3版本 09 Python的特点 1)跨平台 2)解释型语言 3) ...

  7. 前端 day01 常用基础语法

    目录 基础语法-文本标签 基础语法-列表标签 基础语法-实体字符 基础语法-图片标签 案例-表格 案例-表单标签 基础语法-文本标签 <!DOCTYPE html> <html la ...

  8. HTML5基础之代码入门

    HTML5基础之代码入门 2016-11-12 15:24 515人阅读 评论(0) 收藏 举报 分类: HTML & HTML5(13) 作者同类文章 X 版权声明:本文为博主原创文章,如需 ...

  9. HTML html5基础详细笔记 第一个模块

    第01章-前端核心技术-HTML5基础 学习目标 了解什么是HTML 掌握HTML标签.元素的概念 重点 掌握HTML常用头部元素的使用 重点 掌握HTML标题.段落.文本.图片等排版 重点 难点 掌 ...

  10. 【JavaScript系列】JS基础语法_从变量到数组一网打尽_有教程有实战

    [JavaScript系列]基础语法_从变量到数组一网打尽_有教程有实战 JavaScript基础语法目录 基础语法 延迟和异步脚本 变量 数据类型 数据类型简介 简单数据类型与复杂数据类型 栈和堆 ...

最新文章

  1. R包操作相关:安装、卸载、加载、移除、已经安装的包、包的路径、函数查看等
  2. Outlook addon CommandBarButton picture 的不透明效果解决方案
  3. 搞Java的年薪 40W 是什么水平?
  4. “逃离大厦”游戏的破解
  5. HiveQL之Sort by、Distribute by、Cluster by、Order By详解
  6. Zephyr应用笔记:mcuboot引导程序简单介绍
  7. java使用:: 表达式_Java 12:开关表达式
  8. Iterator模式
  9. 用AJAX技术聚合RSS
  10. 深入学习webpack(四)
  11. springBoot事物
  12. 小学计算机属于数学与科学吗,我是计算机专业,想考小学信息技术教师资格证没有,那我是报科学还是...
  13. 【4-11】读书笔记 |《推荐系统实践》- 个性化推荐系统总结
  14. 微信小程序uniapp实现小图标转成SVN代码
  15. win10双系统linux,win10系统linux双系统安装的操作方法
  16. Signal to Noise Ratio——信噪比
  17. 圣诞节来了,用Python Turtle画棵圣诞树吧
  18. 谈一谈什么是接口测试?怎样做接口测试?
  19. DTCC 2018:见证数据库技术发展青春与您同行
  20. 计算机毕业设计(20)java毕设作品之电影院在线选座售票系统

热门文章

  1. java离职证明模板word_离职证明模板Word免费版下载
  2. 支付宝小程序自定义键盘-车牌号键盘
  3. 工信部BIM工程师系列发布测评考试大纲
  4. Delft3D建模、水动力模拟方法及在地表水环境影响评价丨Delft3D标量输运、波浪、拉格朗日粒子及溢油模型
  5. Android实现两台手机屏幕共享和远程控制
  6. 使用js-xlsx纯前端导出excel
  7. ffmpeg 转码异常记录
  8. 倍福---绝对值编码器位置保存
  9. 全国(全球)快递查询物流查询API,物流信息追踪接口
  10. 魅族pro5 刷机 android,魅族Pro5刷通用固件方法教程[多图]