目录

1.HTML概念

超文本标记语言

2.HTML版本

HTML

HTML5

3.HTML基本结构

基本结构

元素、标签、属性

4.HTML常用标签

内容

1.HTML概念

HTML（HyperText Markup Language）：由SGML（标准通用标记语言）发展而来，写给浏览器的超文本标记语言。

HyperText：超文本（指由用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本，其表现形式通常为：文字/图形/动画/声音/表格/链接等）

Markup：标记（将文本以及文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的电脑文字编码）

常见浏览器：

微软：Internet Explorer

Mozilla：Firefox

Apple：Safari、

Opera、HotBrower、Google Chrome、GreenBrower、Avant、360安全浏览器、世界之窗、腾讯IT、搜狗、傲游、orca等等。

2.HTML版本

2.1版本更替：

超文本标记语言（第一版）：1993年6月，作为互联网工程工作小组（IETF）工作草案发布（并非标准）

HTML 2.0：1995年11月，作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时

HTML 3.2：1997年1月14日，W3C推荐标准

HTML 4.0：1997年12月18日，W3C推荐标准

HTML 4.01（微小改进）：1999年12月24日，W3C推荐标准

HTML 5：2014年10月28日，W3C推荐标准

ps：HTML5之前的版本统称HTML，HTML5称为H5

2.2HTML5：

定义：万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改

设计目的：为了在移动设备上支持多媒体，如引进video、audio和canvas 标记等新的语法特征

重大变更：新的语法特征

新的用户与文档交互方式：新解析规则增强了灵活性、新属性

一个HTML5文档到另一个文档间的拖放功能

离线编辑

多用途互联网邮件扩展（MIME）和协议处理程序注册

在SQL数据库中存储数据的通用标准（Web SQL）

特性：语义特性（Class：Semantic）

本地存储特性（Class: OFFLINE & STORAGE）

设备兼容特性 (Class: DEVICE ACCESS)

连接特性（Class: CONNECTIVITY）

网页多媒体特性(Class: MULTIMEDIA)

三维、图形及特效特性（Class: 3D, Graphics & Effects）

性能与集成特性（Class: Performance & Integration）

优点：多设备跨平台、自适应网页设计、即时更新

提高可用性和改进用户的友好体验

有几个新的标签，这将有助于开发人员定义重要的内容

可以给站点带来更多的多媒体元素(视频和音频)

可以很好的替代FLASH和Silverlight

当涉及到网站的抓取和索引的时候，对于SEO很友好

将被大量应用于移动应用程序和游戏

可移植性好

缺点：该标准并未能很好的被浏览器所支持。因新标签的引入，各浏览器之间将缺少一种统一的数据描述格式，造成用户体验不佳

3.HTML基本结构

3.1基本结构

 <!DOCTYPE HTML>

 <html>    <!--html文档开始标签-->

      <head>

      <!--文本的头信息，不显示-->

      </head>

      <body>

      <!--文本的正文，显示浏览器-->

      </body>

 </html>   <!--html文档结束标签-->

3.2元素、标签、属性

3.2.1元素：由开始标签与结束标签组成的

3.2.2标签：通常成对出现，两端有两个尖括号，HTML标签大小写无关，但XHTML必须小写

3.2.3属性：由属性名与属性值成对出现，如：name=“myname”，name为属性名，myname为属性值

4.HTML常用标签

换行：<br>

标题：<h1></h1>；<h2></h2>；<h3></h3>；<h4></h4>；<h5></h5>；<h6></h6>（h1最大，h6最小）

格式化文字： 粗体<b></b>或<strong></strong>

斜体<i></i>或<em></em>

上标<sup></sup>；下标<sub></sub>

插入字（下划线）<ins></ins>；删除字（贯穿线）<del></del>

字体标签： <font></font>

其属性： size="2/+1/-1" （字体大小）

face=“黑体”（字体类型）

color=“red/#000/rgb”（字体颜色）

20190321-HTML基本结构的更多相关文章

  1. C++学习（二十四）（C语言部分）之 结构体1

    1.结构体 存放多个不同类型的数据 但是是相关联的 数组 存放多个相同类型的数据 结构体是存放多个相关联的不同类型的数组 struct 定义一个结构体类型 自定义类型 2.结构体定义方式 定义类型最通 ...

  2. 【.net 深呼吸】细说CodeDom（1）：结构大观

    CodeDom 是啥东东?Html Dom听过吧,XML Dom听过吧.DOM一般可翻译为 文档对象模型,那 Code + DOM呢,自然是指代码文档模型了.如果你从来没接触过 CodeDom,你大概 ...

  3. 读书笔记：《HTML5开发手册》--HTML5新的结构元素

    读书笔记:<HTML5开发手册> (HTML5 Developer's CookBook) 虽然从事前端开发已有很长一段时间,对HTML5标签也有使用,但在语义化上面理解还不够清晰.之前在 ...

  4. Python学习--04条件控制与循环结构

    Python学习--04条件控制与循环结构 条件控制 在Python程序中,用if语句实现条件控制. 语法格式: if <条件判断1>: <执行1> elif <条件判断 ...

  5. HTML5 语义元素(一)页面结构

    本篇主要介绍HTML5增加的语义元素中关于页面结构方面的,包含: <article>.<aside>.<figure>.<figcaption>.< ...

  6. React在开发中的常用结构以及功能详解

    一.React什么算法,什么虚拟DOM,什么核心内容网上一大堆,请自行google. 但是能把算法说清楚,虚拟DOM说清楚的聊聊无几.对开发又没卵用,还不如来点干货看看咋用. 二.结构如下: impo ...

  7. ElasticSearch 5学习(10)——结构化查询（包括新特性）

    之前我们所有的查询都属于命令行查询,但是不利于复杂的查询,而且一般在项目开发中不使用命令行查询方式,只有在调试测试时使用简单命令行查询,但是,如果想要善用搜索,我们必须使用请求体查询(request ...

  8. ASP.NET Core应用针对静态文件请求的处理[4]: DirectoryBrowserMiddleware中间件如何呈现目录结构

    和StaticFileMiddleware中间件一样,DirectoryBrowserMiddleware中间本质上还是定义了一个请求地址与某个物理目录之间的映射关系,而目标目录体现为一个FilePr ...

  9. Go结构体实现类似成员函数机制

    Go语言结构体成员能否是函数,从而实现类似类的成员函数的机制呢?答案是肯定的. package main import "fmt" type stru struct { testf ...

  10. CRL快速开发框架系列教程十(导出对象结构)

    本系列目录 CRL快速开发框架系列教程一(Code First数据表不需再关心) CRL快速开发框架系列教程二(基于Lambda表达式查询) CRL快速开发框架系列教程三(更新数据) CRL快速开发框 ...

随机推荐

  1. linux操作命令之压缩命令

    常用的压缩格式:    .zip     .gz     .bz2 一..zip格式压缩 zip 压缩文件名 源文件 压缩文件 zip -r 压缩文件名 源目录 压缩目录 解压缩 unzip 压缩文件 ...

  2. grunt 插件

    一个简单的 grunt 插件, 作用是 把 css 文件中的  /images/  替换成指定的  url path, 以实现 图片 cdn 路劲改造 插件项目文件结构 grunt-contrib-s ...

  3. C语言面试题分类->排序算法

    1.选择排序. 每次将最小的数,与剩余数做比较.找到更小的,做交换. 时间复杂度:O(n²) 空间复杂度:O(1) 优缺点:耗时但内存空间使用小. void selectSort(int *p,int ...

  4. 用Vue2仿京东省市区三级联动效果

    三级联动,随着越来越多的审美,出现了很多种,好多公司都仿着淘宝的三级联动 ,好看时尚,so我们公司也一样……为了贴代码方便,我把写在data里面省市区的json独立了出来,下载贴进去即可用,链接如下 ...

  5. Android OpenSL ES 开发：Android OpenSL 录制 PCM 音频数据

    一.实现说明 OpenSL ES的录音要比播放简单一些,在创建好引擎后,再创建好录音接口基本就可以录音了.在这里我们做的是流式录音,所以需要用至少2个buffer来缓存录制好的PCM数据,这里我们可以 ...

  6. 吴恩达机器学习笔记52-异常检测的问题动机与高斯分布（Problem Motivation of Anomaly Detection& Gaussian Distribution）

    一.问题动机 异常检测(Anomaly detection)问题是机器学习算法的一个常见应用.这种算法的一个有趣之处在于:它虽然主要用于非监督学习问题,但从某些角度看,它又类似于一些监督学习问题. 给 ...

  7. [Swift]LeetCode1003. 检查替换后的词是否有效 | Check If Word Is Valid After Substitutions

    We are given that the string "abc" is valid. From any valid string V, we may split V into ...

  8. 浮点型和BigDecimal的使用

    //import java.math.*; package cn.xiaomu_01_rumrnjieduan; import java.math.BigDecimal; /** * 浮点型和BigD ...

  9. setData方法修改data中对象或数组的属性值(小程序开发）

    今日在开发小程序地图的过程中,遇到一个问题,困扰了我一会 业务如下: 困扰点: 我不知道如何修改data中数组包含的对象是如何修改的:期初的想法还是想共享上面的数据,想的太简单了 正确的解决步骤: 直 ...

  10. Underscore.js 源码学习笔记（上）

    版本 Underscore.js 1.9.1 一共 1693 行.注释我就删了,太长了… 整体是一个 (function() {...}());  这样的东西,我们应该知道这是一个 IIFE(立即执行 ...