最新,最全面的HTML基本语法总结 值得收藏哦!

概述

HTML文档由HTML元素组成,一个HTML元素由一个标签和一组属性组成。一个标签可以有一个或多个属性,属性以名称和值成对出现。Web 浏览器读取HTML 文档,并以网页的形式显示出来,浏览器不会显示 HTML 标签,而是通过标签来解释网页的内容。

HTML(Hyper Text Mark-up Language超文本标记语言):不是编程语言,而是一种描述性的标记语言,用于描述网页中内容的显示方式,比如文字以什么颜色、大小来显示等,这些都是利用Html标记来实现。

HTML标签是由尖括号(“<”和“>”)包围的关键词,如标签 <p>。标签不区分大小写,故 <p> 和 <P> 的含义相同,不过推荐使用小写。

HTML标签通常成对出现,一个是开始标签,一个是结束标签。开始标签告诉浏览器,从这里开始执行该标签所表示的功能;结束标签告诉浏览器,该功能到这里结束。在开始标签前加一个斜杠(/)即成为结束标签。如,html 元素的开始标签是 <html>,结束标签是</html>。也就是说,一个HTML 元素由开始标签、内容、结束标签组成。开始标签是放在一对尖括号中的元素名称及可能包含的属性,结束标签是放在一对尖括号中的斜杠加元素的名称。语法格式为:<开始标签>内容</结束标签>。如,em 元素的开始标签为<em>,结束标签为 </em>,在<em> 和 </em> 标签之间是元素的内容。如下图所示:

最新,最全面的HTML基本语法总结 值得收藏哦!

HTML的文档结构

所有的网页文件,通过都是四对标记来构成文档的骨架,它们是:

最新,最全面的HTML基本语法总结 值得收藏哦!

小结:

<html>…</html>标识网页文件的开始与结束,所有的Html元素,都要放在这对标记中。

<head>…</head>标识网页文件的头部信息,如标题、搜索引擎关键字等

<title>…</title>标识网页文件的标题

<body>…</body>标识网页文件的主体部分

常见的HTML的标记语法

1. 单标记

一.<标记名称>

单一型,无属性值

如:<br/>——表示换行符

二.<标记名称属性=”属性值”>

单一型,有属性值

如:<hr width=”80%”/>

2. 双标记

三.<标记名称>…</标记名称>

没有属性值

如:<title>…<title>

四.<标记名称属性=”属性值”>…</标记名称>

有属性值

如:<body bgcolor=”red”>…</body>

注释

格式:

<!—注释内容-->

Body属性

<body bgcolor=”背景颜色” background=”背景图像” text=”文本颜色” link=”链接文本颜色” vlink=”访问过的文本颜色” alink=”**的连接文本颜色” leftmargin=”左边界”>

<font>标记

语法:

<font color=”文本颜色” size=“字号”>文本</font>

字符格式

最新,最全面的HTML基本语法总结 值得收藏哦!

段落标记

格式:

<p align=“对齐方式”>…</p>

最新,最全面的HTML基本语法总结 值得收藏哦!

HTML中的特殊字符

最新,最全面的HTML基本语法总结 值得收藏哦!

修饰标记

水平直线<hr/>

最新,最全面的HTML基本语法总结 值得收藏哦!

        “自己整理了一份最全面前端学习资料,从最基础的HTML+CSS+JS [炫酷特效,游戏,插件封装,设计模式]到移动端HTML5的项目实战的学习资料都有整理,送给每一位前端小伙伴, 有想学习web前端的,或是转行,或是大学生,还有工作中想提升自己能力的,正在学习的小伙伴欢迎加入学习。”

        加Q 裙:956940552(招募中)