初学前端,HTML整理

这篇博客详细介绍了HTML的基础知识,从HTML的发展历史、定义、语言特点,到HTML语言的基础语法、元素分类、内容和结构,再到图像、链接、表格、表单的使用。内容覆盖广泛,适合初学者学习。
摘要由CSDN通过智能技术生成

第一章 HTML概述1.HTML发展历史2.定义3.语言特点第二章 HTML语言基础1.基础语法1.1标记语法1.2元素1.3属性和值1.4标准属性2.注释3.文档结构3.1基本结构3.2文档类型3.3html元素3.4head元素3.5title元素3.6meta元素3.7body元素4.特殊字符第三章 HTML内容和结构1.元素的分类2.标题元素3.段落元素4.分区元素5.换行元素6.分割线元素7.预格式化8.文本元素9.列表元素9.1概念9.2列表的组成9.3有序列表9.4无序列表9.5生成说明列表9.6列表嵌套10.结构化标记10.1 结构化标记的作用10.2 header元素10.3 nav元素10.4 section元素10.5 footer元素10.6 aside元素10.7 article元素第四章 使用图像1.URL1.1 目录结构1.2 URL2. 图像2.1 常用图像格式2.2 图像元素第五章 链接到Web1. 超链接2. 链接的表现形式3. 锚点第六章 使用表格1. 表格的作用2. 创建表格3. 表格属性3.1 table元素3.2 tr元素3.3 td/th元素4. 表格标题5. 表格结构化第七章 使用表单1. 表单的作用2. form元素3. 表单控件3.1 input元素3.1.1 文本框与密码框3.1.2 单选框和复选框3.1.3 按钮3.1.4 文件选择框3.1.5 电子邮件3.1.6 URL3.1.7 数字3.1.8 颜色3.1.9 日期3.2 label元素3.3 选项框3.4 行文本框3.5 给控件分组

第一章 HTML概述

1.HTML发展历史

万维网上的一个超媒体文档被称之为一个页面(page)。作为一个组织或者个人在万维网上放置开始点的页面成为主页(Homepage)或首页,主页中通常包括有指向其他节点的指针(超级链接),所谓超级链接,就是一种统一资源定位器(Uniform Resource Locator,缩写URL)指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列 页面的有机集合成为网站(Website 或 Site)。超级文本标记语言(Hyper Text Markup Language, 缩写:HTML)是为“网页创建和其他可在网页浏览器中看到的信息”设计的一种标记语言。

网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(World Wide Web,缩写:www)编程的基础,也就是说万维网是建立在超级文本基础之上的。超级文本标记语言之所以被称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。

产文本标记语言(第一版)——在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推荐标准。

ISO/IEC 15445:2000("ISO HTML")——2000年5月15日发布,基于严格的HTML4.01语法,是国际标准化组织和国际电工委员会的标准。

HTML没有1.0版本是因为当时有很多不同的版本。有些人认为蒂姆-伯纳斯-李的版本本应该算初版,这个版本没有IMG元素。当时被称为HTML+的后续版的开发工作于1993年开始,最初是被设计成为"HTML的一个超集"。第一个正式规范为了和当时的各种HTML标准区分开来,使用了2.0作为其版本号。HTML+的发展继续下去,但是它从未成为标准。

HTML3.0规范是由当时刚成立的W3C于1995年3月提出,提供了很多新的特性,例如表格、文字绕排和复杂数学元素的显示。虽然它是被设计用来兼容2.0版本的,但是实现这个标准的工作在当时过于复杂,在草案于1995年9月过期时,标准开发也因为缺乏浏览器支持而终止了。3.1版本从未被正式提出,而下一个被提出的版本是开发代号为Wilbur的HTML 3.2,去掉了大部分3.0中的新特性,但是加入了很多特定浏览器,例如Netscape和Mosaic的元素和属性。HTML对数学公式的支持最后成为另外一个标准MathML。

HTML 4.0同样也加入了很多特定浏览器的元素和属性,但是同时也开始“清理”这个标准,把一些元素和属性标记为过时,建议不在使用它们。HTML的未来和CSS结合会更好。

HMTL 5草案的前身名为Web Applications 1.0。于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的HTML工作团队。在2008年1月22日,第一份正式草案被发布。

XHTML 1.0——发布于2000年1月26日,是W3C推荐标准,后来经过修订于2002年8月1日重新发布。

XHTML1.1 , 于2001年5月31日发布,W3C推荐标准。XHTML 2.0,W3C工作草案。

XHTML 5, 从XHTML 1.x的更新版,基于HTML 5 草案。HTML 4.01是常见的版本。

2.定义

超级文本标记语言是标准通用语言下的一个应用,也是一种规范,一种标准。

超文本标记语言(Hyper Text Markup Language)

它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等。)浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不玩去哪相同的解释,因而可能会有不同的显示效果。

3.语言特点

超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:

简易型:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。

可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本语言采取子类元素的方式,为系统扩展带来保证。

平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的一个原因。

通用性:另外,HTML是网络通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

第二章 HTML语言基础

1.基础语法

1.1标记语法

HTML中用于描述功能的符号称为"标记":

  • 标记在使用时必须用括号括起来<>

  • 标记分为封闭型标记和非封闭型标记

    封闭性标记(双标记)必须成对出现:<开始标记>内容</结束标记>

    非封闭性标记(空标记)不需要结束标记,没有内容:<标记>或<标记/>

1.2元素

元素也就是标记每一对尖括号括起来的部分,比如<body></body>,括起来的部分就叫body元素,元素包括开始标记、结束标记以及内容,但是内容不是必须的,比如空标记。

元素就像小标签,用于标识网页文档的不同部分。元素之间是可以相互嵌套的,在使用元素嵌套时,需要注意嵌套顺序。

<body>
    <div>
   
    </div>
</body>

1.3属性和值

属性是用来修饰元素的,属性的声明必须位于开始标记中,一个元素的属性可以有多个,多个属性之间用空格隔开,多个属性之间部分先后顺序,每个属性都有值,用 = 进行赋值,属性的值用引号引起来:<开始标记 属性="属性值" ></结束标记>,属性可以有多个值,值之间用空格隔开。

1.4标准属性

标准属性指的是大部分元素都支持的属性,称为标准属性或通用属性:id、class、style、name。

2.注释

注释可以理解为对一段内容的解释。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值