搜索
HTML简介：HTML学习方法：1、在文本（或者是网页编辑软件）中修改html内容，通过网页刷新（F5键）来验证修改的内容，注意要先保存！2、各项标记都有自己的属性！3、多多查看设计比较友好的网页代码；需在页面的空白处，单击右键，通过【查看源文件】选项来查看。本文是本人在学习HTML过程中所做的笔记，现在分享到网站上，希望对大家有所帮助，同时欢迎对网站建设感兴趣的朋友加入到本人建立的交流群：183411278。在网上不乏仅用HTML制作的网站，感兴趣的朋友可以在网上搜索一下。同时也给大家推荐一个示例：是一个网站的基础，DIV相当于建筑的框架，CSS相当于建筑的装饰。Html语言规范和标准:HTML语言是不区分大小写的，但一般来说，标记使用大写书写，如P,HTML,TABLE等；标记中的属性一般使用小写。HTML的编写环境可以使用txt文本，或使用可视化编辑工具如Dreamweaver、Frontpage等。HTML的英文全称是HyperTextMarkupLanguage，直译为超文本标记语言。它是全球广域网上描述网页内容和外观的标准。HTML包含了一对打开和关闭的标记，在当中包含有属性和值。标记描述了每个在网页上的组件，例如文本段落、表格或图像等。一个完整的HTML文件包括标题、段落、列表、表格以及各种嵌入对象，这些对象统称为HTML元素。HTML对回车和空格都不敏感，因此可以使用回车或空格，使代码的格式和结构更清晰明了，这样才能易于查看与维护。1.1HTML的基本结构：head…/head是头控制标记；可以在其中放置以下内容：1.title文件标题声明；2.meta控制元信息：Meta元素提供的信息不显示在页面中，一般用来定义页面信息的说明、关键字、刷新等。Meta元素的属性有name和http-equiv，其中name主要用来描述网页，以便搜索引擎的查找、分类。可以设置meta的以下属性，提高网页被搜索到的概率：属性属性名举例说明http-equivcontent-typemetahttp-equiv=content-typecontent=text/html;charset=字符集类型设置网页文字及语言。http-equiv用于传送HTTP通信协议的标头，设定标头属性的名称，在content中是具体的属性值。charset设置了网页的字符集的类型，中国内地常用GB码，charset往往是gb_2312，即简体中文。refreshmetahttp-equiv=refreshcontent=跳转时间;url=链接地址经过一段时间后，页面会自动转到其他页面中。refresh表示网页刷新，content设定刷新时间和刷新后的地址，时间和地址之间用分号相隔。默认跳转时间是以秒为单位的。注意：当语法中的链接地址被省略时，网页的功能就变成了刷新页面本身，这在不断更新数据的页面中常常会用到。Nameauthormetaname=”author”content=”85853591”设置作者信息。descriptionmetaname=”description”content=”描述内容”页面描述也是为了便于搜索引擎的查找，用来描述网页的主题等，与关键字一样，设置的页面描述也不会在网页中显示出来。keywordsmetaname=”keywords”content=”音乐，动漫”关键字是向搜索引擎说明网页的关键词，帮助搜索引擎对该网页进行查找和分类，可以提高被搜索到的几率，关键字用逗号隔开。generatormetaname=”generator”content=”记事本”说明编辑网页的软件。revisedmetaname=”revised”content=”html4.01”设置版本号。othersmetaname=”others”content=”我第一个网！”设置其他内容。3.base超链接网址基准参考点，即相对网址；basehref=链接地址target=新窗口的打开方式作用是对文档定义一个默认的域名；如果没有base标记，则会在HTML文件的同级来找关联的网页；URL路径是一种互联网地址的表示法，数据里可以包括以何种协议连接、要连接到哪一个地址、连接地址的端口（Port）号以及服务器（Server）里页面的完整路径和页面名称等信息。HTML中，URL路径分为绝对路经和相对路径。绝对路径是将服务器上磁盘驱动器名称和完整的路径写出来，同时也会表现出磁盘上的目录结构；相对路径是相对于当前HTML文档所在目录或站点根目录的路径。HTML页面通过基底网址把当前HTML页面中所有的相对URL转换成绝对URL。一般通过基底网址标记base设置HTML页面的绝对路径，那么在页面中的链接地址只需设置成相对地址即可，当浏览器浏览页面时，会通过base标记将相对地址附在基底网址的后面，从而转化成绝对地址。4.Javascript和VBScript程序；5.stylesheet可用来设置排版来的声明；6.link可引用外部文件，如CSS排版样本；linkrel=shortcuticonhref=favicon.icotype=image/x-icon7.在网页中加入脚本程序：scripttype=”类型”src=”URL”…/script举例：1.alert(欢迎使用JavaScript脚本);2.varans=prompt(请输入你的性别);if(ans){alert(您的性别为：+ans);}else{alert(您没有输入你的性别!);}1.2HTML控制标记的格式：(1).标记名称单一型，无设置值的；如br；(2).标记名称属性=”属性值”单一型，有设置值的；如：hrwidth=”80%”；(3).标记名称…/标记名称对称型，无设置值；title…/title；也叫做容器型；(4).标记名称属性=”属性值”…/标记名称对称型，有设置值；如：bodybgcolor=”red”…/body；fontsize=”7”…/font；注意：要区分好标记、属性、属性值三者的概念！1.3最常用的控制标记：(1).跳行br格式：br；无属性设置；强制换行标记，可连续使用以实现连续换行！(2).段落p格式：palign=”排列方式”…/p属性值说明：left往左靠（默认）；center往中靠；right往右靠；注意：换行和段落有一个区别就是：换行后行与行之间的空隙小，而段落间的空隙大；(3).水平直线hr格式：hr属性值说明：属性属性值说明size像素绝对值，以数字表示，属性值越大，线越粗；用于设置水平线的高度；百分比相对值，以%表示，属性值越大，线越粗；width像素绝对值，长度不会应视窗的改变而改变；百分比会随着视窗的宽度而改变；像素设置不会随着窗口宽度变化而变化；百分比相对值，长度会随着视窗宽度而改变；noshade没有属性值；表示水平线去掉阴影；(4).向中对齐center格式：center…/center具有一个隐含的换行属性！(5).背景色与文字设置格式：bodybgcolor=”背景色”text=”文字颜色”bodyleftmargin=”像素”topmargin=”像素”(6).标题文字设置格式：h1…/h1h2…/h2h3…/h3h4…/h4h5…/h5h6…/h6属性名称属性值说明alignleft靠左；center靠中；right靠右；(7).特殊字符设置格式：<>&&“"(8).在HTML备注格式：!--…--(9).实体字符控制标记1.b…/b粗2.i…/i斜3.s…/s删4.u…/u下划5.tt…/tt电报6.sub…/sub下标7.sup…/sup上标(10).语意字符控制1.address…/address地址2.big…/big大字3.del…/del删除4.ins.../ins修改5.samll…/small小字6.strong…/strong加强语气(加粗)7.em.../em加强语气(倾斜)(11).font字体控制格式：font…/font属性值说明：属性属性值说明size0-7字体大小，在HTML中7是最大了，在CSS中可以继续放大！fontsize=”7”style=”font-size:200px;”QQ：85853591/fontcolor英文或十六颜色face字体字体(12).格式化格式：pre…/pre保持代码编写时的文本样式；(13).引用文本格式：blockquote.../blockquote属性名称属性值说明：citeurl被引用的地址；blockquotecite=””被引用的文字/blockquote在设计网页时，一般要遵循以下原则：�结构性：在设计网页时，须注意网页的标记结构、脚本语言结构、使用条列的方式、善用分段及空白字符，让整体结构看起来整齐美观，易于纠错及理解，在发生问题时，才能很快找到错误所在处。�通用性：考虑标记语言能否适用于各种浏览器，尽量以大多数浏览器都支持的标记语言为主，倘若有不得已的情况，一定要特别加以注明，并找出替代性的方案。遇有可以注解或说明的标记或组件属性，应该尽可能地注明其内容。�差异性：了解各种浏览器的差异，力求输出的结果尽可能一致。�习惯性：了解用户使用窗口与浏览时的习惯，如组件摆放的顺序，习惯用鼠标、Tab键、Esc键及Enter键等操作习惯，或因网页下载时间太长，无法让用户耐心等候等因素，都是设计网页时必须考虑的因素。�适用性：有些组件会因用户的窗口环境或安装的程序而异，可能在作者的计算机里可以完整地执行，而在其他用户的计算机上却只能下载文档，所以在设计完毕后，一定要多试几组不同平台的计算机，以确保网页的可行性。�反复性：反复检查是否错误，是否有需要注意文字大小写之处，以及名称是否正确。1.4XML和XHTML从外表来看，XML与HTML很相似，它们都是由标记、属性和值组成的。但XML并非一种只用来创建网页的语言，它还是一种用来创建其他语言的语言。可以使用XML设计自己定制的标记语言，然后使用这种语言对自己的文档进行格式化。定制的标记语言包含标记，这些标记实际描述它们包含的数据。XML的强大之处在于：用标记标识了数据之后，数据就可以用于其他任务。程序可以设计为只提取它需要的信息，或者将此信息与来自其他来源的数据合并，最后将产生的组合信息以另一种形式输出，供另一种用途使用。与基于HTML的网页不同，加上标记的信息可以根据需要经常复用。但是，与一般情况一样，好处总是有代价的。XML与HTML相比没那么宽容。为了让XML解析器（读取并解释XML数据的软件）满意，XML要求非常注意大小写、引号、结束标记和其他细节。另外，数以亿计的网页已经用HTML编写好了，数以百万计的服务器和浏览器也知道该如何读取它们。解决方案很巧妙。W3C用XML重写了HTML。这种新语言具有HTML的所有特性，因此所有浏览器都能够理解它。另外，因为它的词汇表完全来自于HTML，所以已经掌握HTML的人只需学习几条基本语法规则，就能够开始使用这种新语言。同时，因为它使用XML的语法，所以它能够获得XML的所有好处和灵活性，并且为应用CSS提供了完美的基础。这种同时具有HTML和XML两者优点的语言称为XHTML。1.5经验总结对网站地址的理解：