HTML基本语法格式（元素、标签）
HTML的语法格式
阅读提醒：由于博客显示问体所以元素的<>开始和</>被省略了
HTML的主体格式
第一部分：和是网页文件的最外层标签，HTML中所有的内容都要在这里面；
第二部分：和标签之间文本是头信息，放在元素的最上面使用，头部分信息不会显示在浏览器窗口中，主要包括页面的一些基本描述语句，用于说明文件的标题和文件的公共属性。
第三部分：标签是HTML文件的主体标记，标签之间的文本是正文内容，是用户能够在浏览器中看到的
HTML标签和元素
大部分的标签都是成对出现的。通常以<标签名>表示标签开始，以</标签名>结束。当然也有部分的标签不需要配对，例如:br、hr
重点：1.1~1.5都是头部信息的基本用法
1.1HTML文档头部元素head
head通常用于页面的一些基本语言的描述，如网页的标题和关键字。但是通常在ead中的文字不会直接在网页中显示出来。在head中国可以使用的标签不多，但是title是必须要有的标签元素。而其他常见的有base、link、meta（只用于头部，但不是必须使用）.
1.2、title元素
每个HTML都应当有title元素。title是head元素的子元素。用于将内容显示在标题栏中，也可以作为浏览器中书签的默认名称。在浏览器保存该页面后成为网页的文件名，并且会将网页的标题作为搜索的关键字。
重点：中只能饱含关于页面标题的文本，而不能包含其他任何元素。
1.3、base元素
有base元素则必须将其放在head元素中。其作用为吧相对的URL变为完整绝对的URL
，故如果网页的位置发生改变，可以通过修改，但是一个html中只能出现一次。
例如：中为http://fafu.itxdl.edu,那么网页中相对的链接为“test.html”，将对应为http://fafu.itxdl.edu/test.html
格式：
base元素：将相对的URL（网页地址）转换为绝对的URL（网页地址）
base href=“url” （相对的） target=“window_name”（绝对的）/
1.4link元素
link元素可用于创建到CSS样式表的链接，始终是空元素，用于描述两个文档之间的链接一个最有用的外部层叠样式表的定位，浏览器会分析中的内容，自动加载读取。要写在head里面；
格式：
这就是一个外部css文件的链接，路径就是href后面的~
拓展：
1.外部样式表就是新建一个文档，里面全写css，然后再通过 link 插入到html 代码中
2.内部样式表就是直接在HTML文档中写css代码，写在中
用包围
3.内联样式就是 直接在标签里写样式，形如
1.5元素
写在中通过标记的属性来定义文件信息的名称、内容等。他能提供文档的关键字、作者、描述、编码和语言等多种信息。
格式：
重点：2.1~2.3部分为body的主体部分
2.1HTML文档主体标记body
在HTML的body和/body标记中放置的是页面中所有的内容，如图片、文字、表格、超链接、表单等等，一般不能省略。body中有自己的属性，设置body标签内的属性，可控制整个页面的显示方式。
A、body标记常用的属性
| 元素 | 作用 |
|---|---|
| text | 设定页面文字的颜色 |
| bgcolor | 设计页面背景的颜色 |
| background | 设计页面背景图像 |
| bgproperties | 设定页面背景图像为固定，不随页面的滚动而滚动 |
| link | 设定页面默认的链接颜色 |
| alink | 设定鼠标正在单击时的链接颜色 |
| vlink | 设定访问后连接文字的颜色 |
| topmargin | 设定页面的上边距 |
| bottommargin | 设定页面的下边距 |
| leftmargin | 设定页面的左边距 |
| rightmargin | 设定页面的右边距 |
还有4个通用属性，不仅能够在标签中使用，在任何HTML的标签中都可以使用。但这4个属性通常只有结合CSS和JavaScript时才会使用。
| 元素 | 作用 |
|---|---|
| id | 设定标签的值 |
| name | 设定标签的名称 |
| class | 设定标签样式的类型选择器 |
| style | 设定标签样式属性 |
重点：HTML颜色值的设置
颜色值是一个关键字或一个RGB格式的数字。但只有16种颜色名被W3C的HTML4.0标准所支持，他们是：aqua(浅绿色)，black（黑色）、blue(蓝色)、fuchsia（紫红色）、gray(灰色)、
green（绿色）、lime（绿黄色）、maroon(褐红色)、navy（藏青色、藏蓝色）、olive（橄榄色）、purple（紫色）、red（红色）、silver（银色）、teal(蓝绿色)、white（白色）、yellow（黄色）。如果需要使用其他颜色，就需要使用十六进制的颜色值。十六进制的颜色值是由一个十六进制符号来定义的，这个颜色由红色、绿色、蓝色组成（RGB）。每种颜色的最小值为0（十六进制：#00）,最大值为255（十六进制：#FF）。也就是每个原色可有256种彩度，故此三原色可混合成16777216种颜色。并且应该在每个RGM前加#。
列子：bgcolor=”#00ff00”. bgcolor=”green”.
2.2格式标签
常见的HTML格式标签
| 标签 | 作用 |
|---|---|
| br |
换行标签，完成文字的紧凑显示，如果有多个换行，可以连续使用多个 标记 |
| p |
换段落标签，即换行之后插入一个空行，然后在下一行显示其后的文本。可以使用成对的
标记来包含段落，也可以使用单独的 标记来划分段落。 |
| center | 居中对齐标签，使段落或文字相对于上一层标记居中对齐。 |
| pre | 预格式化标记，保留文字在源代码中的格式，页面中显示的和源代码中书写的格式效果完全一致。 |
| li |
列表项目的标记，每个列表项使用一个
|
| ul |
无序列表，使用
|
| ol |
有序列表，可以显示特定的项目顺序，与无序列表
|
| hr | 水平分割线标签，用于段落与段落之间的分隔 |
2.2文本标签
在网页中，为了强调某一部分文字，或者为了让文字有变化，HTML提供了一些标签产生这些效果。常见的文本风格标签如下
| 元素 | 作用 |
|---|---|
| hn | 标题字标记，n为1~6,定义了6级标题会自动换行插入空行 |
| b | 粗体字标签（与strong用法相似） |
| i | 斜体字标签（与em用法相似） |
| u | 下划线字体标签 |
| sub | 文字下表字体标签 |
| sup | 文字上表字体标签 |
| font | 字体标记，可以通过该标记指定字体大小、颜色、字体等信息 |
| tt | 打字机文本 |
| cite | 用于引证、举例、通常用斜体字 |
| em | 表示强调，通常为斜体字 |
| strong | 表示强调，通常为粗体字 |
| small | 小型字体标签 |
| big |
大型字体标签
|
3.1HTML文本注释
以<!–开始 以 ->结束注释。注释只出现在源代码中，而不会在浏览器中显示。但注释中不要在包含注释。
HTML基本语法格式（元素、标签）相关推荐
- WML元素及其语法格式一览表
WML元素及其语法格式一览表 <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" ...
- HTML的标签分为哪几类?各标签语法格式是怎样的?
HTML的标签分为哪几类?各标签语法格式是怎样的?相信大家在学习HTML课程的时候,有讲到这方面的知识,根据标签的组成特点,通常将HTML标签分为两大类,分别是"双标签".&quo ...
- HTML标签的语法格式和属性
语法格式:开始标签,属性(除class外还有其他属性),内容,结束标签.标签在语法上一般用小写. 注意:所有标签内容必须放在尖括号<>内:不同标签显示的效果不同:除了自闭和标签外,其他标签 ...
- JavaSE——XML与JSON（语法格式、解析内容）
第6节 XML与JSON 一.XML 1.1 XML简介 XML全称为可扩展标记语言(extensible Markup Language) . 特性: xml具有平台无关性,是一门独立的标记语言: ...
- html文本显示状态代码中表示什么,HTML文本元素标签
表示关键字和产品名称 如:查看效果 效果:加粗 查看效果 表示重要的文字 如:查看效果 效果:加粗 查看效果 强制换行 如: 查看 效果 效果:在浏览器显示换行 查看 效果 安全换行,一般只用于英文 ...
- 圆点html span,span标签教程 html span元素标签
一.html span标签语法 形式 span标签元素语法结构赏析图 html span本性: span标签本人没有什么额定默许CSS格式,默许也不是一个块元素标签不像html div标签独有一行.s ...
- jquery 移除border_jquery同时删除元素标签的多个属性
引自jquery官网: .removeAttr( attributeName ) attributeNameAn attribute to remove; as of version 1.7, it ...
- 使用选择器语法查找元素——Selector选择器概述 ——未完待续
使用选择器语法查找元素 jsoup elements对象支持类似于CSS (或jquery)的选择器语法,来实现非常强大和灵活的查找功能. select 方法在Document, Element,或E ...
- 用C++对C++语法格式进行分析
前言 最近C++项目需要用到脚本,这就关系到如何绑定对象到脚本运行环境.因使用到多套脚本语言,所以现有的绑定技术,都不能满足需求.所以只能寻求解析C++的头文件,再根据描述进行绑定.起初发现boost ...
- java表达式语法格式为_2009(选修)JavaWeb模拟试卷(2011-2012)
第 1 页 共 3 页 成都学院(成都大学)考试试卷 课程名称:_ JavaWeb (闭卷) _2011_-_2012_学年 第_2_学期 一. 填空题(每空3分,共30分) 1.在Tomcat 上发 ...
最新文章
- 楚天高速拟12.6亿并购三木智能 涉足物联网领域
- 用ul和li实现表格table效果 （转）
- Win7新手系列教程：从安装到简单使用（新人必读）
- ECMAScript5 ES5
- Device is not certified by Google
- 为了OFFER | 腾讯2020校招后端《解压字符串》
- java 状态机_基于 RAFT 一致性算法的 Java 实现 SOFAJRaft
- c语言聊天程序socket,今天打的代码。基于TCP的聊天程序。
- RAPID 信号的互锁和同步 WaitTestAndSet 和 TestAndSet
- SPOJ QTREE6 lct
- 开源cms 和 开源博客_BackBee CMS如何以及为何开源
- 90-30-020-源码-任务调度-Kylin任务调度
- 批量下载css文件中的图片
- 51单片机：串口通信
- 4246. 【五校联考6day2】san (Standard IO)
- redis通过key模糊搜索_redis key模糊查找
- ExcelJs导出Excel文件并设置单元格样式
- 爬取智联招聘网站的手段（scrapy）
- 我所经历的汶川大地震之三
- ENDNOTE中使用Adobe打开PDF后提示“只读无法保存”