今天下午阳光明媚,北京少有的好天气。正好有机会总结HTML标签,下面就详细介绍一下基础的标签的用法及相关的属性。关于基础篇的总结部分点击这里.

基础标签的内容

:定义,声明文档类型

:html文档的根节点,定义html文档

:定义文档的标题:定义文档的主体

--

:定义html的标题

:定义html段落

:定义一个简单的换行


:定义一条水平线

:html文档的注释

基础标签的使用方式

这里是标题

这里是文档的头部 ... ...

...

这里是文档的主体 ... ...

...

:文档声明

定义和用法

定义:是指示浏览器使用哪个HTML版本渲染编写的代码

用法:必须是 HTML 文档的第一行,位于 标签之前。

在在 HTML 4.01 中, 声明引用 DTD(文档类型定义),因为 HTML 4.01 基于 SGML(标准通用标记语言)。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。

HTML5 不基于 SGML,所以不需要引用 DTD。

以下是HTML的DOCTYPE文档类型的常见声明:

HTML 5

HTML 4.01 Strict(严格的)

该 DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。

HTML 4.01 Transitional(过渡的)

该 DTD 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。

HTML 4.01 Frameset

该 DTD 等同于 HTML 4.01 Transitional,但允许框架集内容。

XHTML 1.0 Strict(严格的)

该 DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。必须以格式正确的 XML 来编写标记。

XHTML 1.0 Transitional(过渡的)

该 DTD 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。必须以格式正确的 XML 来编写标记。

XHTML 1.0 Frameset

该 DTD 等同于 XHTML 1.0 Transitional,但允许框架集内容。

XHTML 1.1

该 DTD 等同于 XHTML 1.0 Strict,但允许添加模型(例如提供对东亚语系的 ruby 支持)。

:html文档的根节点,定义html文档

定义和用法

定义:此元素可告知浏览器其自身是一个 HTML 文档。

用法: 与 标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。正如您所了解的那样,文档的头部由

定义,而主体由定义。

HTML 与 XHTML 之间的差异

1.XHTML 要求正确嵌套

2.XHTML 所有元素必须关闭

3.XHTML 区分大小写

4.XHTML 属性值要用双引号

5.XHTML 用 id 属性代替 name 属性

6.XHTML 特殊字符的处理

:定义文档的标题

定义和用法

定义:

元素可定义文档的标题。

用法:放在

标签中

通常把它放置在浏览器窗口的标题栏或状态栏上,并且,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称

:定义文档的主体

定义和用法

定义:body 元素定义文档的主体。

用法:在标签中,与

标签是兄弟节点

可选的属性(不推荐使用)

align="left/center/right/justify"

h1 -- h6:定义html的标题

有6级标题,每级标题有对应的字体格式,具体的大小,参见这里;

p 定义段落

p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。

br 换行

p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。

定义水平线

标签在 HTML 页面中创建一条水平线。

水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。

属性="属性值"

noshade="noshade":规定水平线的颜色为纯色,不是有阴影的颜色;

size="num":规定水平线的高度,以px为单位;

width="num":规定水平线的宽度,以px或百分比为单位;

:html文档的注释

注释标签用于在源代码中插入注释。注释不会显示在浏览器中。

html文档主体的根标签,HTML详细介绍(基础标签篇)相关推荐

  1. html文档主体的根标签,2 HTML简介标签嵌套和并列关系文档声明

    HTML:Hyper Text Markup Language  超文本标签语言(hyper:精力旺盛的 markup:标记 n noun) HTML不是编程语言,而是一种标记语言(就是一套标记标签) ...

  2. script标签中写html,html中script标签的详细介绍

    大家好,欢迎关注支持,谢谢!本篇将介绍html中script标签的详细用法,有兴趣的朋友可以了解一下! 一.前言 在html中,为了实现动态交互效果,我们经常会嵌入其它脚本语言(如:JavaScrip ...

  3. html4.01文档类型有哪些,HTML 4.01XHTML 1.0标签大全.doc

    HTML 4.01XHTML 1.0标签大全 HTML 4.01/XHTML 1.0标签大全 HYPERLINK "http://i52.cc/category/front-end/&quo ...

  4. 一款开源免费的.NET文档操作组件DocX(.NET组件介绍之一)

    在目前的软件项目中,都会较多的使用到对文档的操作,用于记录和统计相关业务信息.由于系统自身提供了对文档的相关操作,所以在一定程度上极大的简化了软件使用者的工作量. 在.NET项目中如果用户提出了相关文 ...

  5. 群晖nas介绍文档_手把手带你玩转NAS 篇八:NAS文档随身带——多终端文件同步介绍(群晖drive篇)...

    手把手带你玩转NAS 篇八:NAS文档随身带--多终端文件同步介绍(群晖drive篇) 2020-01-08 15:23:44 24点赞 214收藏 31评论 你是AMD Yes党?还是intel和N ...

  6. html调用文章标题,HTML中文章标题标签的详细介绍

    昨天说道了我的第一个网页,今天接着继续带大家深入,前期学习千万不要用代码工具哦!那样就少了深入了解的机会了哦!一.大家都知道文章会有各种标题,网页其也跟文章差不多也有专门来写标题的元素. (1). h ...

  7. html中b标签去加粗,html中b加粗标签的详细介绍

    html作为网页最基础的语言是每一个站长必学的语言,今天我们就来了解字体文本标签 b,/b标签的用法及其语义. 字体文本标签讲解标签 字体标签定义字体的显示效果,有些标签它有独自的语义. 标签 感谢您 ...

  8. html的注释标签是什么,html 注释标签的详细介绍

    在我们写 html 代码的时候,往往需要进行说明该行代码或该段代码是用来做什么的.这个时候我们就需要用到 html 注释标签了,html 注释标签有哪些呢?html 注释标签和其它语言的注释不一样.比 ...

  9. OFD文档标准 3.根节点文档

    3. 根节点文档 Document根元素 CommonData子元素 PageArea元素和CT_PageArea类型 Pages页树元素及Page属性 Document简易代码示例及结构图 由于很多 ...

最新文章

  1. 【前沿技术】“中国天眼”观测到宇宙极端爆炸起源证据
  2. git 基于发布分支的开发
  3. php设置404返回302,java - 服务器访问应用返回302或者404状态码
  4. 2019年东莞特长生 散步
  5. 2022年最值得学习的 5 种编程语言,你有在学习吗?
  6. android中多态的应用_动态代理原理及在 Android 中的应用
  7. UI设计灵感|想让用户中心更有特色?这些案例值得借鉴
  8. 【保姆级手写理解——灰色预测理论以及python实现】
  9. JDK/ADB环境变量配置
  10. vue 引入第三方文件(高拍仪),传值及接口调用。
  11. win7计算机文件移动硬盘,Win7系统下给移动硬盘分区方法是什么
  12. html背景图片在文字下面,背景图片加文字的HTML怎么写
  13. 二元二次方程 c语言,C语言求二元二次方程组的解 我要代码 谢谢大家了
  14. PT100铂电阻温度传感器详解
  15. 散度定理(Divergence Theorem)
  16. 设置Linux在未登录账号情况下自动连接wifi
  17. php图片写入带问号_关于编码:PHP输出显示带有问号的黑色小菱形
  18. Unity (C#) 使用 LitJson 处理 JSON 数据
  19. PreTranslateMessage详解
  20. 8大模块、40个思维模型,打破思维桎梏,满足你工作不同阶段、场景的思维需求,赶紧收藏慢慢学

热门文章

  1. 洗牌一副n张牌,每一张牌都用字母顺序标记。
  2. 第二章 ObjectARX类库简介
  3. WWDC22:“花里胡哨”的苹果又会给我们带来什么惊喜呢?
  4. H 小P的数学问题(分块)
  5. 虚拟化在防泄密领域的痛点
  6. 高新企业申请补贴需要什么条件
  7. Fluent网格划分经验
  8. 他人的建议和意见对自已做决定的影响
  9. 为何如今在主板上找不到北桥了?简述主板芯片组发展史
  10. JDK 8 JVM性能优化