浙江龙网

  1. 首页 > 生活百科 > >

1 人人都懂的HTML基础知识-HTML教程

生活百科

01、HTML基础简介HTML (HyperText Markup Language，超文本标记语言) 不是一门编程语言，而是一种用于定义内容结构的标记语言 ， 用来描述网页内容 ， 文件格式为.html 。HTML 由一系列的元素（elements）组成，这些元素用来实现不同的内容 。HTML5是HTML新的修订版本，2014年由W3C制定发布，增加了很多语义化标签 。

W3C：World Wide Web Consortium，万维网联盟组织，是一个国际互联网标准化组织，1994年成立，核心目的是制定WEB规范标准 。
WEB标准主要包括三个方面：
  • 结构标准（HTML）：超文本标记语言（HyperText Markup Language），定义网页内容的组织结构 。
  • 表现标准（CSS）：层叠样式表（Cascading Style Sheets），用于设置网页元素的版式、颜色、大小等外观样式 。
  • 行为标准（JS）：JavaScript，用于实现网页的交互和行为 。
1.1、HTML知识结构
1 人人都懂的HTML基础知识-HTML教程

文章插图
详见前端技术路线图
1.2、<基础语法>HTML 是一种<XML>格式的标记语言 ， 每一个标签都是以尖括号“<>”来定义的 。HTML不区分大小写，HTML中的标签名、属性名都统一小写，都按照小写来处理，就是说如果你大写的也会被转换为小写，?自定义标签、属性时需注意 。
<标签名 属性名=“属性值”>内容</标签名>

1 人人都懂的HTML基础知识-HTML教程

文章插图
一个元素主要部分：开始标签、结束标签与内容相结合，开始标签中还包括属性/值 。
  • 开始标签（Opening tag）：包含元素的名称（本例为 p），被大于号、小于号所包围，表示元素从这里开始或者开始起作用 。
  • 结束标签（Closing tag）：与开始标签相似，只是其在元素名之前包含了一个斜杠/，这表示元素的结尾 。
  • 内容（Content）：元素的内容 ， 元素标签内的内容 。
  • 属性：属性定义元素的一些额外信息，一个属性就是一个键值对组成属性名="属性值" ， 值必须添加引号，多个属性空格隔开 。

1 人人都懂的HTML基础知识-HTML教程

文章插图
单标签（空元素）：<标签名> ， <标签名 属性名="属性值"> 。大部分元素标签都是是双标签的形式，具有开始标签、结束标签 。也有小部分元素没有结束标签，称为单标签，或空元素 。HTML5中的单标签不需要写斜杠/，可兼容斜杠，如<hr>，<br> ， <img>，<input>，<link>，<meta> ， <base>、table中的<col>、<source>，<embed>...
HTML中的注释格式：<!--注释-->
1.3、转义字符HTML中的有些字符是内置的特殊关键字或特殊符号，如 <>、"、'、空格 、换行（用<br>元素）、tab，不能直接在HTML中显示 。需要用转义字符（特殊编码），以符号&开始，以分号(;结束 。如下表，HTML中用实体名称、实体编码（字符的unicode编码）都可以 。
元素内容中空格（空白字符、换行），HTML 解释器会将连续出现的空白字符减少为一个单独的空格符 。

推荐阅读


上一篇：Spring 深入——IoC 容器 02

下一篇：非常全面 Dubbo 原理和机制详解