20190321-HTML基本结构
目录
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基本结构的更多相关文章
- C++学习（二十四）（C语言部分）之 结构体1
1.结构体 存放多个不同类型的数据 但是是相关联的 数组 存放多个相同类型的数据 结构体是存放多个相关联的不同类型的数组 struct 定义一个结构体类型 自定义类型 2.结构体定义方式 定义类型最通 ...
- 【.net 深呼吸】细说CodeDom（1）：结构大观
CodeDom 是啥东东?Html Dom听过吧,XML Dom听过吧.DOM一般可翻译为 文档对象模型,那 Code + DOM呢,自然是指代码文档模型了.如果你从来没接触过 CodeDom,你大概 ...
- 读书笔记：《HTML5开发手册》--HTML5新的结构元素
读书笔记:<HTML5开发手册> (HTML5 Developer's CookBook) 虽然从事前端开发已有很长一段时间,对HTML5标签也有使用,但在语义化上面理解还不够清晰.之前在 ...
- Python学习--04条件控制与循环结构
Python学习--04条件控制与循环结构 条件控制 在Python程序中,用if语句实现条件控制. 语法格式: if <条件判断1>: <执行1> elif <条件判断 ...
- HTML5 语义元素(一)页面结构
本篇主要介绍HTML5增加的语义元素中关于页面结构方面的,包含: <article>.<aside>.<figure>.<figcaption>.< ...
- React在开发中的常用结构以及功能详解
一.React什么算法,什么虚拟DOM,什么核心内容网上一大堆,请自行google. 但是能把算法说清楚,虚拟DOM说清楚的聊聊无几.对开发又没卵用,还不如来点干货看看咋用. 二.结构如下: impo ...
- ElasticSearch 5学习(10)——结构化查询（包括新特性）
之前我们所有的查询都属于命令行查询,但是不利于复杂的查询,而且一般在项目开发中不使用命令行查询方式,只有在调试测试时使用简单命令行查询,但是,如果想要善用搜索,我们必须使用请求体查询(request ...
- ASP.NET Core应用针对静态文件请求的处理[4]: DirectoryBrowserMiddleware中间件如何呈现目录结构
和StaticFileMiddleware中间件一样,DirectoryBrowserMiddleware中间本质上还是定义了一个请求地址与某个物理目录之间的映射关系,而目标目录体现为一个FilePr ...
- Go结构体实现类似成员函数机制
Go语言结构体成员能否是函数,从而实现类似类的成员函数的机制呢?答案是肯定的. package main import "fmt" type stru struct { testf ...
- CRL快速开发框架系列教程十(导出对象结构)
本系列目录 CRL快速开发框架系列教程一(Code First数据表不需再关心) CRL快速开发框架系列教程二(基于Lambda表达式查询) CRL快速开发框架系列教程三(更新数据) CRL快速开发框 ...
随机推荐
- 根据excel表格字段生成sql语句
根据excel表格字段生成sql语句 1.1 前言 根据excel表格字段生成sql语句主要是利用了excel的拼接函数 CONCATENATE .该实例主要以mysql脚本支持.实例需求如下:exc ...
- Vue 单文件原件 — vCheckBox
简书原文 做东西一向奉行的是致简原则,一定要让使用者简单 这是我在使用 Vue 一段时间后尝试制作的一个小玩意 我希望可以做一堆这样的小玩意,随意组合使用,感觉挺好的 源码在最后 演示DEMO 示例: ...
- 使用SIP Servlet为Java EE添加语音功能
会话发起协议(Session Initiation Protocol,SIP)是一种信号传输协议,用于建立.修改和终止两个端点之间的会话.SIP 可用于建立 两方呼叫.多方呼叫,或者甚至 Intern ...
- MySQL 数据库在 Windows 下修复 only_full_group_by 的错误
本机上新安装了个MySQL数据库,在插入数据的时候一直提示这个错误: [Err] 1055 - Expression #1 of ORDER BY clause is not in GROUP BY ...
- [Swift]LeetCode41. 缺失的第一个正数 | First Missing Positive
Given an unsorted integer array, find the smallest missing positive integer. Example 1: Input: [1,2, ...
- Mysql的两种“排名第几且有可能为空的记录”写法（力扣176）
编写一个 SQL 查询,获取 Employee 表中第二高的薪水(Salary) . +----+--------+ | Id | Salary | +----+--------+ | 1 | 100 ...
- 利用U盘安装win2008r2系统的步骤
我们在公司或者家里,经常要安装各种系统,最近公司需要重新安装win2008r2系统.折腾了一天的时间,终于把系统装好了.将安装的步骤记录下来,方便大家查看,自己也做个记录. 1 准备win2008r2 ...
- .NET Core实战项目之CMS 第七章 设计篇-用户权限极简设计全过程
写在前面 这篇我们对用户权限进行极简设计并保留其扩展性.首先很感谢大家的阅读,前面六章我带着大家快速入门了ASP.NET Core.ASP.NET Core的启动过程源码解析及配置文件的加载过程源码解 ...
- 免费SSL证书（支持1.0、1.1、1.2）
由于公司要开发微信小程序,而微信小程序的接口需要https协议的,并且要支持TLS1.0.TLS1.1.TLS1.2.如果仅仅是为了开发小程序,安全等级又不用太高,可以选择免费的SSL证书 在这里选择 ...
- 手把手用Monkey写一个压测脚本
版权声明: 本账号发布文章均来自公众号,承香墨影(cxmyDev),版权归承香墨影所有. 允许有条件转载,转载请附带底部二维码. 一.为什么需要一个测试脚本? 昨天讲解了Android Monkey命 ...