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快速开发框 ...
随机推荐
- 吴恩达机器学习笔记57-基于内容的推荐系统(Content Based Recommendations)
假使我们是一个电影供应商,我们有 5 部电影和 4 个用户,我们要求用户为电影打分. 前三部电影是爱情片,后两部则是动作片,我们可以看出Alice 和Bob 似乎更倾向与爱情片, 而 Carol 和 ...
- Python爬虫7-Cookie & Session
GitHub代码练习地址:1.手动利用cookie访问网页:https://github.com/Neo-ML/PythonPractice/blob/master/SpiderPrac10_cook ...
- [Swift]LeetCode49. 字母异位词分组 | Group Anagrams
Given an array of strings, group anagrams together. Example: Input: ["eat", "tea" ...
- [SQL]LeetCode177. 第N高的薪水 | Nth Highest Salary
Write a SQL query to get the nth highest salary from the Employee table. +----+--------+ | Id | Sala ...
- [Swift]LeetCode466. 统计重复个数 | Count The Repetitions
Define S = [s,n] as the string S which consists of n connected strings s. For example, ["abc&qu ...
- zuul进阶学习(二)
1. zuul进阶学习(二) 1.1. zuul对接apollo 1.1.1. Netflix Archaius 1.1.2. 定期拉 1.2. zuul生产管理实践 1.2.1. zuul网关参考部 ...
- zuul网关入门(一、网关具有的功能)
1. zuul网关入门(一.网关具有的功能) 1.1. 基本场景 1.1.1. API网关的由来 1.1.2. API网关基本功能 1.2. 高级应用 1.2.1. 亮点 可动态发布的过滤器机制 1. ...
- PyCharm无法激活
如果你激活软件遇到问题 (Pycharm.GoLand.idea.phpstorm.webstorm.sublime.ultraEdit.win10等等) 比如: 激活框提示Key is invali ...
- 【netty】(1)---BIO NIO AIO演变
BIO NIO AIO演变 Netty是一个提供异步事件驱动的网络应用框架,用以快速开发高性能.高可靠的网络服务器和客户端程序.Netty简化了网络程序的开发,是很多框架和公司都在使用的技术. Net ...
- navicat for mysql 链接时报错:1251-Client does not support authentication protocol requested by serve
navicat for mysql 链接时报错:1251-Client does not support authentication protocol requested by serve 解决方法 ...