HTML5基础语法详述
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基础语法详述相关推荐
- 【HTML5】HTML5基础语法汇总
HTML 超文本标记语言(Hyper Text Markup Language,简称HTML)是一种构建网页的标准标记语言. 那么"超文本"和"标记语言"是什么 ...
- html5 内嵌网页_HTML5与CSS3基础语法自学教程(二)
本文首发于[前端课湛]微信公众号.可以在微信里搜索[前端课湛]关注,第一时间看文章! 导读: 本小节主要讲解 HTML 的基础语法内容,将通过编写第一个 HTML 页面来学习 HTML 的基本结构. ...
- html5扩展函数的使用方法,知识分享:JavaScript基础语法
知识分享:JavaScript基础语法 原创 mb5fd868d58f1472021-01-22 16:52:56©著作权 阅读数 41 ©著作权归作者所有:来自51CTO博客作者mb5fd868d5 ...
- html5基础知识文档,HTML5基础知识(1)
原标题:HTML5基础知识(1) html5是万维网的核心语言.标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改.2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力, ...
- html5实践开发教程,HTML5基础与实践教程
HTML5基础与实践教程 语音 编辑 锁定 讨论 上传视频 <HTML5基础与实践教程>是2010年4月机械工业出版社出版的图书,作者是云翔,刘猛猛,欧阳植昊. 书 名 HTML5基 ...
- Python学习1 基础语法 数据类型 计算机基础
Python的重要性 python就业方向 Python的历史 python创造于1989年,荷兰人吉多.范罗苏姆 现在是Python3版本 09 Python的特点 1)跨平台 2)解释型语言 3) ...
- 前端 day01 常用基础语法
目录 基础语法-文本标签 基础语法-列表标签 基础语法-实体字符 基础语法-图片标签 案例-表格 案例-表单标签 基础语法-文本标签 <!DOCTYPE html> <html la ...
- HTML5基础之代码入门
HTML5基础之代码入门 2016-11-12 15:24 515人阅读 评论(0) 收藏 举报 分类: HTML & HTML5(13) 作者同类文章 X 版权声明:本文为博主原创文章,如需 ...
- HTML html5基础详细笔记 第一个模块
第01章-前端核心技术-HTML5基础 学习目标 了解什么是HTML 掌握HTML标签.元素的概念 重点 掌握HTML常用头部元素的使用 重点 掌握HTML标题.段落.文本.图片等排版 重点 难点 掌 ...
- 【JavaScript系列】JS基础语法_从变量到数组一网打尽_有教程有实战
[JavaScript系列]基础语法_从变量到数组一网打尽_有教程有实战 JavaScript基础语法目录 基础语法 延迟和异步脚本 变量 数据类型 数据类型简介 简单数据类型与复杂数据类型 栈和堆 ...
最新文章
- R包操作相关:安装、卸载、加载、移除、已经安装的包、包的路径、函数查看等
- Outlook addon CommandBarButton picture 的不透明效果解决方案
- 搞Java的年薪 40W 是什么水平?
- “逃离大厦”游戏的破解
- HiveQL之Sort by、Distribute by、Cluster by、Order By详解
- Zephyr应用笔记:mcuboot引导程序简单介绍
- java使用:: 表达式_Java 12:开关表达式
- Iterator模式
- 用AJAX技术聚合RSS
- 深入学习webpack(四)
- springBoot事物
- 小学计算机属于数学与科学吗,我是计算机专业,想考小学信息技术教师资格证没有,那我是报科学还是...
- 【4-11】读书笔记 |《推荐系统实践》- 个性化推荐系统总结
- 微信小程序uniapp实现小图标转成SVN代码
- win10双系统linux,win10系统linux双系统安装的操作方法
- Signal to Noise Ratio——信噪比
- 圣诞节来了,用Python Turtle画棵圣诞树吧
- 谈一谈什么是接口测试?怎样做接口测试?
- DTCC 2018:见证数据库技术发展青春与您同行
- 计算机毕业设计(20)java毕设作品之电影院在线选座售票系统