1、网页有那些部分组成:
文字、图像、链接等元素组成,还包括音频,视频flash等组成。
2、常见的浏览器:ie、火狐、chrome、edge,opera浏览器、safari、
3、web标准三层组成:结构(网页元素进行整理和分类,主要是html),表现(设置网页元素的版式颜色大小外观样式,主要是指css),行为(网页模型定义及交互的编写,主要是学javascript)
4、html的认识:
html是超文本语言,用来描述网页的一种语言
html不是编程语言,而是一种标记语言
标记语言是一套标记标签
标签有自己的语法规范,要放在<>
黑马程序员视频库有免费的课程,还有课件和源码什么的。你可以去找一下。 非常适合入门。
在www上的一个超媒体文档称之为一个页面(page)。
作为一个组织或个人在万维网上放置开始点的页面称为ag8亚洲国际集团主页homepage,或ag8亚洲国际集团首页,ag8亚洲国际集团主页中通常包括有指向其他相关页面或其他节点的指针(超级链接)。在逻辑上将视为一个整体的一系列页面的有机集合称为网站(website或site)。
html是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。
浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释 超文本标记语言(15张),因而可能会有不同的显示效果。
html之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。所谓超级链接,就是一种url指针,通过激活(点击)它,可使浏览器方便地获取新的网页。
这也是html获得广泛应用的最重要的原因之一。 网页的本质就是html,通过结合使用其他的web技术(如:脚本语言、cgi、组件等),可以创造出功能强大的网页。
因而,html是web编程的基础,也就是说万维网是建立在超文本基础之上的。 编辑本段语言特点 html文档制作不是很复杂,且功能强大,支持不同数据格式的文件镶入,这也是www盛行的原因之一,其主要特点如下: 1 简易性,html版本升级采用超集方式,从而更加灵活方便。
2 可扩展性,html语言的广泛应用带来了加强功能,增加标识符等要求,html采取子类元素的方式,为系统扩展带来保证。 3 平台无关性。
虽然pc机大行其道,但使用mac等其他机器的大有人在,html可以使用在广泛的平台上,这也是www盛行的另一个原因。 编辑html html其实是文本,它需要浏览器的解释,html的编辑器大体可以分为三种, 1 基本编辑软件,使用windows自带的记事本或写字版都可以编写,当然,如果你用wps来编写,也可以。
不过存盘时请使用.htm或.html作为扩展名,这样浏览器就可以解释执行了。 2 半所见即所得软件,这种软件能大大提高开发效率,它可以使你在很短的时间内做出homepage,且可以学习html,这种类型的软件主要有hotdog,还有国产的软件网页作坊。
3 所见即所得软件,使用最广泛的编辑器,完全可以一点不懂html的知识就可以做出网页,这类软件主要有frontpage2003,dreamweaver。 编辑本段发展历史html 超文本标记语言(第一版)——在1993年6月作为互联网工程工作小组(ietf)工作草案发布(并非标准): html 2.0——1995年11月作为rfc 1866发布,在rfc 2854于2000年6月发布之后被宣布已经过时 html 3.2——1996年1月14日,w3c推荐标准 html 4.0——1997年12月18日,w3c推荐标准 html 4.01(微小改进)——1999年12月24日,w3c推荐标准 html 5 的第一份正式草案已于2008年1月22日公布,仍继续完善 iso/iec 15445:2000(“iso html”)——2000年5月15日发布,基于严格的html 4.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结合会更好。 html 5草案的前身名为web applications 1.0。
于2004年被whatwg提出,于2007年被w3c接纳,并成立了新的html工作团队。在2008年1月22日,第一份正式草案发布。
whatwg表示该规范是目前正在进行的工作,仍须多年的努力。 xhtml xhtml 1.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草案。 编辑本段整体结构 一个网页对。
程序猿学习就是要多写,不断的写,不断的熟悉,能看到不同的效果。。但不一定要死记硬背,熟悉就好。下面是一点资料。希望能帮上你。
html基本概念
1、标记
html用于描述功能的符号称为“标记”。如“html”、“body”、“table”等。标记在使
用是必须用方括号“<>;”括起来,而且是成对出现,无斜杠的标记表示该标记的作用开始,有斜杠的标记表示该标记的作用结束。
如
如
标记可以包含标记,如:表格中包含表格或其它标记,如下面这样的html代码结构是正确的:
|
hjk |
但是标记不能交叉嵌套,如下面这样的代码是错误的:
2、特殊字符
由于方括号和英文双引号被用来提示html的标记及参数值,那么在网页中要显示方括号和英文引号只能用其它的符号来代替,下面是常见特殊字符所代表的正常字符:
<;或<;对应字符 <
>;或>;对应字符 >
"或"——对应字符 "
à——对应字符 a
3、语法
一个标记,为了明确它的功能,往往用一些属性参数来描述,对这些属性参数的规定上就是所谓的语法,例如:段落标记
align=left|center|right
class=type>
这就说明
是靠左。而“class ”则是定义所属的类型。在实际应用时当然可以没有“align”和“class”参数,按照默认情况显示,这一点非常重要,这是
们判断无用代码的主要标准之一,假如在网页代码中有对默认值进行描述设置的语句代码,显然是无用的代码。另外,在设置标记的属性值时,若是取默认值不影响
效果或影响很少, 们就尽量取默认值,这样可以不用设置,从而达到减少代码的目的。
标记参数的具体的值都有要加西文引号,如:要使段落内容居中,正确的写法是这样的:
学好用好html语言的关键是灵活应用标记的参数。特别是默认值的应用。
这些都是html中的常用标签 他们都有特定的定义 没有英文全名html标签详解结构 标题 。
.文件内容。
. 1.文件标题 。
. 2.文件更新-- 【1】10秒后自动更新一次 【2】10秒后自动连结到另一文件 3.查询用表单-- 若欲设定查询栏位前的提示文字: 4.预设的基准路径-- 版面 1.标题文字 。
. #=1~6;h1为最大字,h6为最小字 2.字体变化 。
. 【1】字体大小 。
. #=1~7;数字愈大字也愈大 【2】指定字型 。
. 【3】文字颜色 。
. rr:表红色(red)色码 gg:表绿色(green)色码 bb:表蓝色(blue)色码 3.显示小字体 。
. 4.显示大字体 。
. 5.粗体字 。
. 6.斜体字 。
. 7.打字机字体 。
. 8.底线 。
. 9.删除线 。
. 10.下标字 。
. 11.上标字 12.文字闪烁效果 。
. 13.换行 14.分段 15.文字的对齐方向 #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 p.s.之后的文字都会以所设的对齐方式显示, 直到出现另一个改变其对齐方向,或遇到 ?标签时会自动设回预设的向左对齐。 16.分隔线 【1】分隔线的粗细 【2】分隔线的宽度 【3】分隔线对齐方向 #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 【4】分隔线的颜色 【5】实心分隔线 17.向中对齐 。
. 18.依原始样式显示 。
. 19.指令的属性 【1】背景颜色 -- bgcolor 【2】背景图案 -- background 【3】设定背景图案不会卷动 -- bgproperties 【4】文件内容文字的颜色 -- text 【5】超连结文字颜色 -- link 【6】正被选取的超连结文字颜色 -- vlink 【7】已连结过的超连结文字颜色 -- alink 20.注解 21.特殊字元表示法 符 号 语 法 > > & & " " 空白 图片 1.插入图片 2.设定图框 -- border 3.设定图形大小 -- width?height 4.设定图形上下左右留空 -- vspace?hspace 5.图形附注 6.预载图片 p.s.两个图的图形大小最好一致 7.影像地图(image map) 【1】定义形状 -- shape shape=rect:矩形 shape=circle:圆形 shape=poly:多边形 【2】定义区域 -- coords a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标 例: b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度 例: c.任意图形(多边形):将图形之每一转折点座标依序填入 例: 表格 1.定义表格 。
. 【1】设定边框的厚度 -- border 【2】设定格线的宽度 -- cellspacing 【3】设定资料与格线的距离 -- cellpadding 【4】调整表格宽度 -- width 【5】调整表格高度 -- height 【6】设定表格背景色彩 -- bgcolor 【7】设定表格边框色彩 -- bordercolor 2.显示格线 3.表格标题 。
. 表格标题位置 -- align #号可为 top:表标题置于表格上方(预设值) bottom:表标题置于表格下方 4.定义列 5.定义栏位 《1》:靠左对齐 《2》:靠中对齐?粗体 【1】水平位置 -- align #号可为 left:向左对齐 center:向中对齐 right:向右对齐 【2】垂直位置 -- align #号可为 top:向上对齐 middle:向中对齐 bottom:向下对齐 【3】栏位宽度 -- width 【4】栏位垂直合并 -- rowspan 【5】栏位横向合并 -- colspan 清单 一、目录式清单 项目1 项目2 项目3 p.s.目录式清单每一个项目不能超过20个字元(即10个中文字) 二、选项式清单 项目1 项目2 项目3 三、有序号的清单 项目1 项目2 项目3 【1】序号形式 -- type 或 #号可为 a:表以大写英文字母a?b?c?d。
做为项目编号 a:表以小写英文字母a?b?c?d。做为项目编号 i:表以大写罗马数字做为项目编号 i:表以小写罗马数字做为项目编号 1:表以阿拉伯数字做为项目编号(预设值) 【2】起始数字 -- start 【3】指定编号 -- value 四、无序号的清单 项目1 项目2 项目3 【1】项目符号形式 -- type 或 #号可为 disc:实心圆点(预设值) circle:空心圆点 square:实心方块 【2】原始清单 -- plain 【3】清单排列方式 -- warp 《1》清单垂直排列 《2》清单水平排列 五、定义式清单 项目1 项目1说明 项目2 项目2说明 项目3 项目3说明 紧密排列 -- compact p.s.如此可使的内容与的内容在同一行,仅 以数格空白相隔而不换行,但若的文字超过一 定的长度后,compact的作用就消失了! 表单 一、基本架构 。
. 。
. 。
. 二、输入文件型表单 。
. 。
. 【1】栏位类型 -- type #号可为 text:文字输入 password:密码 checkbox:多选钮 radio:单选钮 submit:接受按钮 reset:重设按钮 image:图形钮 hidden:隐藏栏位 【2】栏位名称 -- name p.s.若type为submit?reset则name不必设定 【3】文件上的预设值 -- value 【4】设定栏位的宽度 -- size 【5】限制最大输入字串的长度 -- maxlength 【6】预设checkbox或radio的初值 -- checked 【7】指定图形的url -- src 【8】图文对齐 -- align #号可为 top:文字对齐图片之顶端 middle:文字对齐图片之中间 buttom:文字对齐图片之底部 三、选择式表单 。
. 。
. a、的属性 【1】栏位名称 -- name 【2】设定显示的选项数 -- size 【3】多重选项 -- multiple b、的属性 【1】定义选项的传回值 -- value 【2】预先选取的选项 -- selected 四、多列输入文字区表单 。
. 。
. 。
html元素太多了,没法都列出来,找个手册之类的看看就知道了css有3种用法:1:内嵌式就是在html标签增加style属性比如:content2:页内引用在html文件标签内使用标签内部写css代码3:外部文件也是在head标签内使用link标签比如:三种用法如果有相同的css样式会被覆盖,所以css叫做层叠样式表1覆盖2覆盖3。
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
ag8亚洲国际集团 copyright © 2016 ag8亚洲国际集团. 页面生成时间:3.535秒