超文本是指页面可以包含图片、链接,甚至音乐、程序和其他非文本元素。超文本标记语言的结构包括头部分(英语:Head)、和主体(英语:Body),头部分提供网页信息,主体部分提供网页的具体内容。
千锋《全栈H5+》讲解html它将从浅到深地进入课堂案例,使学生在学习过程中学习如何将基础知识应用到项目中。
一、由来
万维网上的超媒体文档称为页面(外语:page)。作为一个组织或个人,在万维网上放置起点的页面称为主页(外语:Homepage)或者主页,主页一般包含指针(超链接)指向其他相关页面或其他节点,所谓超链接,是统一的资源定位器(Uniform Resource Locator,外语缩写:URL)激活(点击)指针后,浏览器可以很容易地获网页。这也是HTML广泛应用的最重要原因之一。这也是HTML广泛应用的最重要原因之一。逻辑上,一系列页面的有机调集被视为一个整体,称为网站(Website或Site)。超级文本标记语言(英文缩写:HTML)它是为网页创建和其他可以在网页浏览器中看到的信息设计的标记语言。
网页的本质是超级文本标记语言,结合使用其他语言Web技术(如脚本语言、公共网关接口、组件等)可以创建功能强大的网页。因此,超级文本标记语言是万维网络(Web)编程的基础,也就是说,万维网络是基于超级文本的基础。超级文本标记文本被称为超级文本标记文本,因为文本包含了所谓的超级链接点。
二、定义
超级文本标记语言是标准通用标记语言下的一种应用,也是一种标准。
它通过标记符号来标记要显示的网页的各个部分。网页文件本身就是一种文本文件。通过在文本文件中添加标记符,您可以告诉浏览器如何显示内容(如如如何处理文本、如何安排图片、如何显示图片等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示标记的内容。编辑器只能通过显示效果分析错误的原因和部分。但需要注意的是,对于不同的浏览器,可能会对相同的标记符有不同的解释,因此可能会有不同的显示效果。
超级文本符号语文档制作不是很乱,但功能强大,支持不同数据格式的文件嵌入,这也是万维网(WWW)其主要特点之一是:
1.简单性:超文字符号语言版本的推广采用超集的方式,然后更加灵活方便。
2.渠道无关:虽然个人电脑很受欢迎,但使用它MAC有很多其他机器的人,超级文本符号语言可以用于广泛的渠道,这也是万维网(WWW)盛行的另一个原因。
3.可扩展性:超级文本符号语言的广泛应用带来了加强功能、增加标识符等要求。超级文本符号语言采用子类元素的方式,保证了系统的扩展。
四、通用性:另外,HTML它是网络的通用语言,是一种简单而通用的全符号语言。它承诺网页制造商建立文本和图片相结合的混乱页面,无论使用什么类型的计算机或阅读器,都可以在网上被其他人阅读。
三、编辑
它实际上是一个文本,它需要浏览器的解释,它的编辑器大致可以分为三种。
可以用微软自带的记事本或写字板编写基本文本和文档编辑软件。当然,如果你使用它WPS来写,也可以。但是存盘时请使用。.htm或.html作为扩展名,便于浏览器识别和直接解释。
推荐编辑器:Dreamweaver、HBuilder、Sublime Text代码编辑器。
一个网页对应多个网页HTML超文本标记语言文件.htm(磁盘操作系统DOS限制外语缩写)为扩展名或.html(外语缩写)是扩展名。可以使用任何可以生成的东西TXT类型源文件的文本编辑器只需修改文件后缀即可生成超文本标记语言文件。
标准的超文本标记语言文件有一个基本的整体结构,标记通常是成对的(除了一些标记,例如:<br/>),也就是说,超文本标记语言文件的开头和结尾标记以及超文本标记语言的头部和实体。确认页面整体结构有三个双标记符。
标记符<html>,说明文件是用超文本标记语言(本标签中文全称)描述的,是文件的开头;而且</html>,这意味着文件的结尾是超文本标记语言文件的开始和结束标记。
<head></head>;这两个标记符分别表示头部信息的开始和结束。标题、序言、描述等内容包含在头部,不作为内容显示,但影响网页显示的效果。头部最常用的标记符是标题标记符和meta标记符,其中标题标记符用于定义网页的标题,其内容显示在网页窗口的标题栏中,浏览器可以用作书签和收藏列表。
在网页上设置文档标题和其他未显示的信息,如direction方向,语言代码Language Code(物理定义!ENTITY % i18n)、指定字典中的元信息等。
<body></body>;,网页上显示的实际内容包含在两个文本标记符之间。文本标记符也被称为实体标记。
1993年6月(第一版)-1993年6月作为互联网工程工作组(IETF)发布工作草案(非标准):
HTML 2.0-1995年11月RFC 1866发布,在RFC 2854年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推荐标准[4] (详见本处参考资料)
ISO/IEC 15445:2000(“ISO HTML)-2000年5月15日发布,基于严格性HTML 4.01语法是国际标准化组织和国际电工委员会的标准。
Wijmo是基于HTML5、jQuery、CSS3和SVG一个控件包可以满足今天的建设Web系统需求。基于Wijmo,您的系统运行会更快更流畅,外观也会更迷人。Wijmo所有新控件都符合最新要求UI在设计趋势的基础上,包装新的和改进的主题。美观专业的控件外观会让你的应用引人注目。比如 ComponentOne Studio for ASP .NET Wijmo 可同时使用控件包内置的6个主题jQuery UI项目提供的 30 甚至可以使用多个主题 ThemeRoller 创建自己的系统主题。
HTML没有1.0版本,因为当时有很多不同的版本。有人认为蒂姆·伯纳斯-李的版本应该算是初版,这个版本没有IMG元素。当时被称为HTML+后续版的开发工作始于1993年,最初设计为HTML超集。第一个正式规范与当时的各种规范相匹配HTML区分标准,使用2.0作为其版本号。HTML+但它从未成为标准。
HTML3.0规范是由当时刚刚建立的W3C1995年3月提出了表格、文字绕排、复杂数学元素显示等许多新特征。虽然设计与2.0版兼容,但当时实现这一标准的工作过于复杂。当草案于1995年9月到期时,由于缺乏浏览器支持,标准开发也被暂停。3.1版本从未正式提出,下一个版本是开发代号为Wilbur的HTML 3.2,去掉了大部分3.0中的新特性,但是加入了很多特定浏览器,例如Netscape和Mosaic的元素和属性。HTML对数学公式的支持最后成为另外一个标准MathML。
HTML 4.0同样也加入了很多特定浏览器的元素和属性,但是同时也开始“清理”这个标准,把一些元素和属性标记为过时,建议不再使用它们。HTML的未来和CSS结合会更好。
HTML 5草案的前身名为Web Applications 1.0。于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的HTML工作团队。在2008年1月22日,第一份正式草案发布。
XHTML1.0——发布于2000年1月26日,是W3C推荐标准,后来经过修订于2002年8月1日重新发布。
XHTML 1.1,于2001年5月31日发布,W3C推荐标准。
XHTML 2.0,W3C工作草案。
XHTML 5,从XHTML 1.x的更新版,基于HTML 5草案。
HTML4.01 是常见的版本。
在编辑超文本标记语言文件和使用有关标记符时有一些约定或默认的要求。文本标记语言源程序的文件扩展名默认使用htm(磁盘操作系统DOS限制的外语缩写为扩展名)或html(外语缩写为扩展名),以便于操作系统或程序辨认,除自定义的汉字扩展名。在使用文本编辑器时,注意修改扩展名。而常用的图像文件的扩展名为gif和jpg。
超文本标记语言源程序为文本文件,其列宽可不受限制,即多个标记可写成一行,甚至整个文件可写成一行;若写成多行,浏览器一般忽略文件中的回车符(标记指定除外);对文件中的空格通常也不按源程序中的效果显示。完整的空格可使用特殊符号(实体符)“ (注意此字母必须小写,方可空格)”表示非换行空格;表示文件路径时使用符号“/”分隔,文件名及路径描述可用双引号也可不用引号括起。
标记符中的标记元素用尖括号括起来,带斜杠的元素表示该标记说明结束;大多数标记符必须成对使用,以表示作用的起始和结束;标记元素忽略大小写,即其作用相同,但完整的空格可使用特殊符号“ (注意此字母必须小写,方可空格)”;许多标记元素具有属性说明,可用参数对元素作进一步的限定,多个参数或属性项说明次序不限,其间用空格分隔即可;一个标记元素的内容可以写成多行。标记符号,包括尖括号、标记元素、属性项等必须使用半角的西文字符,而不能使用全角字符。
HTML注释由”<!–“号开始,由符号”–>“结束结束,例如<!–注释内容–>。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号,即被标识为注释,不予显示。
XHTML常用标记
1、文本标题(h1-h6)
<h1>一级标题</h1>
<h2>二级标题</h2>
…
<h6>六级标题</h6>
2、倾斜:倾斜标记
(1)<em></em>
(2)<i></i>
3、 段落(p)
<p>段落文本内容</p>
标识一个段落(段落与段落之间有段间距)
4、加粗:有两个标记
(1)<b>加粗内容</b>
(2)<strong>加粗内容</strong>
5、列表(ul,ol,dl)
HTML中有三种列表,分别是:无序列表,有序列表,自定义列表。
*无序列表
无序列表组成:
<ul>
<li></li>
<li></li>
<li></li>
......
</ul>
*有序列表
有序列表组成:
<ol>
<li></li>
<li></li>
<li></li>
......
</ol>
*自定义列表
<dl>
<dt>名词</dt>
<dd>解释</dd>
......
</dl>
6、插入图片
<img src=”目标文件路径及全称” alt=”图片替换文本” title=”图片标题” />
7、超链接的应用
语法:
<a href=”目标文件路径及全称/连接地址” title=”提示文本”>链接文本/图片</a>
8、数据表格的作用及组成
*作用:显示数据
<table width=”360px”,height=”auto” />
<tr>
<td></td>
<td></td>
</tr>
</table>
注:个tr表示一行;一个td表示一列(一个单元格)
*数据表格的相关属性
1)width=”360px”,height=”auto” />
2)height=”表格的高度”
3)border=”表格的边框”
4)bgcolor=”表格的背景色”
5)cellspacing=”单元格与单元格之间的间距”
6)cellpadding=”单元格与内容之间的空隙”
7)对齐方式:align=”left/center/right”;
8)合并单元格属性:
colspan=“所要合并的单元格的列数”合并列;
rowspan=“所要合并单元格的行数”合并行;
9、表单的应用
表单的作用:用来收集用户的信息的;
*表单框
<form name=”表单名称” method=”post/get” action=””>
</form>
1)文本框
<input type=”text” value=”默认值”/>
2)密码框
<input type=”password” />
3)提交按钮
<input type=”submit” value=”按钮内容” />
4)重置按钮
<input type=”reset” value=”按钮内容” />
5)单选框/单选按钮
<input type=”radio” name=”ral” />
<input type=”radio” name=”ral” />
<input type=”radio” name=”ral” checked=”checked” />(默认选中;)
6)复选框
<input type=”checkbox” name=”like” />
<input type=”checkbox” name=”like” disabled=”disabled” /> (disabled=”disabled” :禁用)
(checked=”checked” :默认选中)
7)下拉菜单
<select name=””>
<option>菜单内容</option>
</select>
8)多行文本框(文本域)
<textarea name=”textareal” cols=”字符宽度” rows=”行数”>
</textarea>
9)按钮
<input name=”‘” type=”button” value=“按钮内容” />
(他和submit的区别是 ,submit是提交按钮 起到提交信息的作用,button只起到跳转的作用,不进行提交。)
div的用法
<div id=”id名” / class=”class名”></div>
文档区域,文档布局对象
span的用法
<span></span>文本结点(某一小段文本,或是某一个字)
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至827202335@qq.com 举报,一经查实,本站将立刻删除。文章链接:https://www.eztwang.com/dongtai/64144.html