第一部分

什么是 HTML

HTML (HyperText Markup Language) 不是一门编程语言,而是一种用来告知浏览器如何组织页面的标记语言。HTML 可复杂、可简单,一切取决于开发者。它由一系列的元素(elements)组成,这些元素可以用来包围不同部分的内容,使其以某种方式呈现或者工作。 一对标签( tags)可以为一段文字或者一张图片添加超链接,将文字设置为斜体,改变字号,等等。

HTML文件结构介绍

声明为 HTML5 文档

元素是 HTML 页面的根元素

定义网页编码格式为 utf-8。 元素描述了文档的标题 元素包含了可见的页面内容

元素定义一个大标题

元素定义一个段落

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词,比如

HTML 标签通常是成对出现的,比如

标签对中的第一个标签是开始标签,第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

内容标签>

HTML 元素

"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.

但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签

HTML 元素以开始标签起始

HTML 元素以结束标签终止

元素的内容是开始标签与结束标签之间的内容

某些 HTML 元素具有空内容(empty content)

空元素在开始标签中进行关闭(以开始标签的结束而结束)

大多数 HTML 元素可拥有属性

嵌套的 HTML 元素

大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。

HTML 文档由嵌套的 HTML 元素构成。

This is my first paragraph.

上面的例子包含三个 HTML 元素。

空的 HTML 元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

就是没有关闭标签的空元素(
标签定义换行)。

HTML 属性

HTML中的元素是有属性的;

这些额外的属性值可以配置元素或者以各种方式来调整元素的行为,进而满足用户所需的标准。

文章标题

上面的例子align就是元素的属性

HTML

(head)标题

请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。

搜索引擎使用标题为您的网页的结构和内容编制索引。

因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。

应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。

公用属性

id, class, title, style

大小单位

px单位名称为像素,相对长度单位,像素(px)是相对于显示器屏幕分辨率而言的国内推荐;

em单位名称为相对长度单位。相对于当前对象内文本的字体尺寸,国外使用比较多;pt单位名称为点(Point),绝对长度单位一般老版本的table使用长度大小单位但是现在基本上没有使用。


(horizontalrule)

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

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

HTML

(paragraphs)段落

段落是通过

标签定义的。

常用特殊字符集表

换行

元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。

HTML

  • (unodered list)无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

无序列表始于

  • 标签。每个列表项始于
  • type

    值为:disc,square,circle

    规定列表的项目符号的类型。

    HTML

    1. (odered list)有序列表

    同样,有序列表也是一列项目,列表项目使用数字进行标记。

    有序列表始于

    1. 标签。每个列表项始于
    2. 标签。

      reversed

      值为:reversed

      规定列表顺序为降序。(9,8,7...)

      start

      值为:number

      规定有序列表的起始值

      type

      值为:1,A,a,I,i

      规定在列表中使用的标记类型

      HTML

      自定义列表不仅仅是一列项目,而是项目及其注释的组合。

      自定义列表以

      (definition title) 开始。每个自定义列表项的定义以
      (definitiondescription) 开始。

html的根标签是什么,html标签相关推荐

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

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

  2. 【Groovy】xml 序列化 ( 使用 MarkupBuilder 生成 xml 数据 | 设置 xml 标签内容 | 设置 xml 标签属性 )

    文章目录 一.使用 MarkupBuilder 生成 xml 数据 二.完整代码示例 一.使用 MarkupBuilder 生成 xml 数据 生成 <student><name c ...

  3. java自定义jsp标签_Javaweb自定义jsp标签

    自定义标签 用户定义的一种自定义的jsp标记,当一个含有自定义标签的jsp页面被jsp引擎编译成Servlet时,tag标签被转化成了对一个称为标签处理类的对象的操作.于是当jsp页面被jsp引擎转化 ...

  4. 【标签画像系列】标签体系建设方法论

    5月11日录制了袋鼠云数栈全新数据中台精讲系列 --「数智赋能实战六讲」的第一场直播,主要对标签体系的建设进行了抽象,分成几个步骤,方便大家理解. 你能看到 ▫ 数字营销是数字化转型排头兵 ▫ 标签体 ...

  5. 【HTML基础-1】HTML标签简介及常用标签

    目录 1 HTML概述 1.1 什么是HTML 1.2 HTML的语法规则 2 HTML标签简介 2.1 HTML标签 2.2 HTML元素 2.3 HTML实例 3 HTML常用标签 3.1 标题标 ...

  6. 【Web】HTML(No.03)HTML标签 (一) 标题标签、段落标签、水平线标签、换行标签、div/span标签、图像标签、链接标签、base标签、特殊字符标签、注释标签、文本格式化标签

    HTML标签分类 在HTML页面中,带有"< >"符号的元素被称为HTML标签,如上面提到的 HTML.head.body都是HTML骨架结构标签.所谓标签就是放在&q ...

  7. html中section与div,如何在html中的section标签内包含div标签

    我正在制作一个完整版块的页面网站,如this.每个页面都有自己的标签.目前我的网页有4个部分(呈现不同的背景颜色).如何在html中的section标签内包含div标签 我的第一部分有一个容器div, ...

  8. html无序列表的滚动效果,html无序列表标签和有序列表标签使用示例

    原标题:html无序列表标签和有序列表标签使用示例 一.上下层列表标签: : 上层dt 下层dd:封装的内容会被自动缩进的效果 复制代码 代码如下: 运动户外 板鞋 篮球鞋 足球鞋 跑步鞋 二.定义有 ...

  9. html标签的显示模式(块级标签,行内标签,行内块标签)(转)

    html标签的显示模式(块级标签,行内标签,行内块标签) 今天讲课的时候,讲到了html中的标签的显示模式,大致分为块级标签和行内标签.那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用, ...

  10. H5新增的标签以及改良的标签

    1>OL标签的改良 start type  reversed:翻转排序 2>datalist标签自动补全的使用 3>progress标签的使用:进度条 4>meter标签的应用 ...

最新文章

  1. Centos7 网络yum
  2. fetchtype 动态控制_RouterOS利用aliyun的API接口实现DDNS动态解析
  3. 【收集】Web开发工具
  4. 机器学习知识点(二十七)先验概率和后验概率理解
  5. linux centos根据工具查找所在软件包命令:yum provides */nslookup
  6. 11个鲜为人知的实用Linux命令 - Part 2
  7. MongoDB 常用故障排查工具
  8. cstringw转lpctstr_新手必看:CString 和 LPCTSTR等之间的转换大全 | 求索阁
  9. ❤『知识集锦』一文搞懂mysql索引!!(建议收藏)
  10. 机器学习实现计算不规则图形面积_谷歌开源 TensorFlow Graphics:专为 3D 图像打造的深度学习利器...
  11. windows.old可以删除吗_C盘里的文件夹都有何用?可以删除吗?哪些可以删除?
  12. php导入csv wps乱码,《excel打开csv格式乱码》 WPS不兼容EXCEL打开后出现乱码怎么解决...
  13. gflags的使用实例(转载)
  14. 2020本博客年度信息
  15. 世界各国国家代码简称 - 备用
  16. 系统分析师教程(张友生)高清pdf下载
  17. 热门软件看点:哇嘎和它的对手们
  18. Bootstrap框架使用及可视化布局
  19. 善于总结、不断反思做更好的自己
  20. CC13X0CC26X0EvaluationBoard

热门文章

  1. recv( )函数返回值说明
  2. recv函数linux,linux 下调用recv函数,死循环在recv函数里面,什么原因?
  3. 计算机科学与技术专业课程简介
  4. 华为IPD 研发模式
  5. ksu7对讲机调频软件_建伍TK3107对讲机调频及软件处理设置
  6. Qt 常用类 (11)—— QLabel
  7. 萤石开放平台——摄像头画面怎么完成一键分享?
  8. 解决PHPstudy(PHP工具箱)中host文件无法保存的问题
  9. ENet-论文笔记-理解
  10. JS计算时间差;.net计算时间差