HTML5零基础入门之HTML基础语法详解

HTML5标签

HTML不是一种编程语言,而是一种标记语言(Hyper Text Markup Language)。HTML5标记标签是由尖括号括起来的关键词,比如<html>。

HTML5的标签通常是成对出现的,如<b>和</b>其中第一个标签是开始标签,第二个标签是结束标签。

语法:

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

成对的标签只对包含在其中的文本发生作用;

在每个标签中,大写小写或混写均可。

元素

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

例如:

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

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

再如:

<a href="淘宝网 - 淘!我喜欢">淘宝网</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.//注释文字

原文地址:https://www.cnblogs.com/QianD/p/11212388.html

时间: 2024-07-31 13:55:00

HTML5零基础入门之HTML基础语法详解的相关文章

Velocity魔法堂系列二:VTL语法详解

一.前言 Velocity作为历史悠久的模板引擎不单单可以替代JSP作为Java Web的服务端网页模板引擎,而且可以作为普通文本的模板引擎来增强服务端程序文本处理能力.而且Velocity被移植到不同的平台上,如.Net的NVelocity和js的Velocity.js,虽然各平台在使用和实现上略有差别,但大部分语法和引擎核心的实现是一致的,因此学习成本降低不少哦. 最好的学习资源——官网:http://velocity.apache.org/ 本系列打算采用如下结构对Velocity进行较为

C#GDI+基础(三)画刷详解

SolidBrush:一般的画刷,通常只用一种颜色去填充GDI+图形 创建一般画刷: SolidBrush sbBrush1 = new SolidBrush(Color.Green); HatchBrush:阴影画刷,有两种颜色:前景色和背景色创建阴影画刷: HatchBrush(HatchStyle,Color);//前景 HatchBrush(HatchStyle,Color,Color)://前景.背景 HatchStyle对应阴影方案列表. 名称 说明 BackwardDiagonal

Python基础之格式化输出函数format()功能详解

之前发过一篇文章:Python基础之常用格式化输出字符详解 但是呢,有时候我们需要用到多个%的时候,用这个就很不方便了,比如数错%数量或者一 一对应的时候... 这里补充一个字典方式的格式化输出字符的办法 print("double abc is %(a)s%(b)s%(c)s"%{'a':'aa','b':'bb','c':'cc'}) 这种方法呢,最大一个好处是字典格式可以和 json 文件互相转换,相当方便! format() 今天呢,在这里在给大家介绍一个比较先进的方法:for

Java基础13:反射与注解详解

Java基础13:反射与注解详解 什么是反射? 反射(Reflection)是Java 程序开发语言的特征之一,它允许运行中的 Java 程序获取自身的信息,并且可以操作类或对象的内部属性. Oracle官方对反射的解释是 Reflection enables Java code to discover information about the fields, methods and constructors of loaded classes, and to use reflected fi

DockerFile 编译语法详解(5)

title: DockerFile 编译语法详解(5) date: 2018-12-16 16:53:20 tags: Docker categories: Docker copyright: true --- Docker是基于Go语言实现的开源容器项目,Docker让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的 Linux 机器上,也可以实现虚拟化.容器是完全使用沙箱机制,相互之间不会有任何接口,Docker诞生于2013年年初,最初发起者是dotCloud公

Java8初体验(二)Stream语法详解

原文链接:http://ifeve.com/stream/ 1. Stream初体验 我们先来看看Java里面是怎么定义Stream的: A sequence of elements supporting sequential and parallel aggregate operations. 我们来解读一下上面的那句话: Stream是元素的集合,这点让Stream看起来用些类似Iterator: 可以支持顺序和并行的对原Stream进行汇聚的操作: 大家可以把Stream当成一个高级版本的

下载Zookeeper从入门到精通(开发详解,案例实战,Web界面监控)

ZooKeeper是Hadoop的开源子项目(Google Chubby的开源实现),它是一个针对大型分布式系统的可靠协调系统,提供的功能包括:配置维护.命名服务.分布式同步.组服务等. Zookeeper的Fast Fail 和 Leader选举特性大大增强了分布式集群的稳定和健壮性,并且解决了Master/Slave模式的单点故障重大隐患,这是越来越多的分布式产品如HBase.Storm(流计算).S4(流计算)等强依赖Zookeeper的原因. Zookeeper从入门到精通(开发详解,案

Hadoop Hive sql语法详解

Hive 是基于Hadoop 构建的一套数据仓库分析系统,它提供了丰富的SQL查询方式来分析存储在Hadoop 分布式文件系统中的数据,可以将结构化的数据文件映射为一张数据库表,并提供完整的SQL查询功能,可以将SQL语句转换为MapReduce任务进行运行,通过自己的SQL 去查询分析需要的内容,这套SQL 简称Hive SQL,使不熟悉mapreduce 的用户很方便的利用SQL 语言查询,汇总,分析数据.而mapreduce开发人员可以把己写的mapper 和reducer 作为插件来支持

[持续交付实践] pipeline:pipeline 使用之语法详解

一.引言 jenkins pipeline语法的发展如此之快用日新月异来形容也不为过,而目前国内对jenkins pipeline关注的人还非常少,相关的文章更是稀少,唯一看到w3c有篇相关的估计是直接翻译软件翻的,读下来惨不忍睹.没办法,语法详解这章我干脆把jenkins官网上的语法说明全部翻译了一遍,并更新了陈旧的内容(可怜了我大学四级的英语水平~),英语好的朋友也可以直接到官网阅读. 二.语法简介 Pipeline最基本的部分是"step".基本上,step告诉Jenkins 要

less中的部分语法详解

less中的语法详解,主要是介绍一些平时常用的语法,如果有更多更实用的语法欢迎大家和我交流. 一.变量. 变量是识别符号是@,在less中以@开头的则是变量,关于变量名的命名方法,大家可以参考js中命名的规则,毕竟是做前端的,有着统一的习惯有助于我们统一风格.个人推荐变量名的命名规则使用驼峰命名法.第一个单词首写字母小写,从第二个开始,单词首写字母大写.如boxAaa,boxBbbb,boxContainer,……,当然也是可是使用香肠命名法用下划线“_”来命名.如,box_main,borde