大雀软件园

首页 软件下载 安卓市场 苹果市场 电脑游戏 安卓游戏 文章资讯 驱动下载
技术开发 网页设计 图形图象 数据库 网络媒体 网络安全 站长CLUB 操作系统 媒体动画 安卓相关
当前位置: 首页 -> 网页设计 -> HTML/CSS -> 从HTML语言到网上家园.一

从HTML语言到网上家园.一

时间: 2021-07-31 作者:daque

弁言:什么是html

  [本站原创] [连载教程系列] 《从html谈话到网上故乡》 第一回目 弁言---第一章

  弁言:什么是html

  html谈话英文为hypertext marked language,翻译成华文是“超文本标志谈话”。它是一种文本方法的文书档案,介入了很多被称为链接标签(tag)的特出字符串标志,那些标志标记构造与遏制输入的功效。所谓超文本,即是它不妨介入图片、声响、动画、电影和电视等实质,从一个文献跳转到另一个文献,不受操纵体例平台的控制,自在链接。运用html谈话刻画的文书档案,须要用欣赏器观察本领表露出功效。底下咱们编写一个html文书档案。

  例 1:

从html语言到网上家园.一图1

  咱们用windows自带的“登记本”兴建一个文本文献,在编纂框输出底下的字符:

  <html>    <head>      <title>我的第一个html文书档案</title>    </head>    <body>      <font color="blue">看到功效了吗?这是我创造的第一个网页!</font>    </body>  </html>

  证明:字符缩进是为了看上去更领会直觉。实足不妨不缩进字符。

  点击“登记本”的“文献”菜单,“另存为”一个文献,文献名本人设置,在这边咱们起名为“myweb.html”,生存典型为“一切文献”。而后咱们找到方才存盘的这个”myweb.html”文献,是否文献仍旧改形成网页的图标了?双击翻开,看到功效了吗?

图1 创造功效图演练

  在反面的章节中,咱们将进修html谈话构造,标志标记,运用所见即所得的编纂东西高效编纂html文书档案,直到本人树立网站。记取,要循规蹈矩,不要用一目三行欣赏消息的风气来进修网页创造教程。

  很多人会觉得进修网页创造进修frontpage大概是dreamweaver等东西还好吗运用就行了,没有需要进修html谈话。这种进修本领不是很好,由于frontpage大概是dreamweaver创造网页最后也是天生html文书档案,并且那些所见即所得的编纂东西究竟还不许真实“所见即所得”,少许精致的功效仍旧须要细工编写局部代码。即使领会html普通常识,进修frontpage大概是dreamweaver也更快,也会为下一步进修asp/php等动静剧本谈话打下坚忍的普通,一举两得。再说html谈话大略,进修起来也很快。

 

第一章 html谈话构造

  第一章 html谈话构造

 

  从上头的例子咱们不妨看到,html文书档案(在底下称作“网页”)内里有很多如<html></html><head></head><body><body>等字符,在欣赏器中却看得见它们,不过看到“看到功效了吗?这是我创造的第一个网页”这串蓝色字符,这是干什么呢?

图2 提防赤色选圈

  <html></html><head></head><body><body>之类是html谈话的标志标记,那些标志标记遏制表露的功效,上例中<font color="blue">即是报告欣赏器将“看到功效了吗?这是我创造的第一个网页”表露成蓝色(blue)。

  那些标志标记即是构成html谈话的元素。构成html谈话的元素有很多,它们各司其职,用来构造文献的实质和引导文献的输入方法。绝大普遍标志(元素)都是成对展示的,即有开始标志(start tag)和中断标志(end tag)。每一个标志都有称呼和可采用的属性,称呼和属性放在“< >”尖括号中以与实质辨别飞来,提防”<”和标志称呼之间不许有空格,标志称呼和属性不辨别巨细写。在开始标志和中断标志之间的是标志要刻画的主体实质属性。标志对中不妨嵌套其余标志对。上例中的<font color="blue"> 即是一个标志,font是字体标志的称呼,color是font标志的一个属性,它刻画了字体是何种脸色,在这边设置的属性是”blue”(蓝色),你不妨用登记本翻开myweb.html文献名,将”blue”改成其余脸色的称呼看看,比方”red”(赤色)、“yellow”(黄色),生存之后革新看看功效。进修网页创造要多发端,多熟习。

  一个网页最基础的构造:

  <html>    <head>      <title></title>    </head>      <body></body>  </html>

  证明:早期的html文献没有如许严紧,普遍欣赏器为维持兼容性,也扶助不按此构造写的网页。百般欣赏器对html元素及其属性的证明也不实足一律。

  <html>是报告欣赏器html文书档案从这边发端,</html>是报告欣赏器html文书档案在次中断。<body></body>是标志了网页的主体,精粹的实质都在里表露。<head></head>是网页的头部文献,它说领会网页的少许情景,在这个标志对中也能嵌入其余标志,比方<title></title>、<meat>等标志。<title></title>表明该网页的标题,它表露在欣赏器的窗口称呼中。看上例表露功效中划红圈的场合即是<title><title>中的实质。title的长度没有控制,但过长的标题会引导折行,普遍情景下它的长度不应胜过64个字符。

  在html文献中,有些标志只能出此刻<head></head>中,如<title>和<meat>,不用考究步骤.绝大普遍标志只能出此刻<body></body>之间,并且出此刻<body></body>标志对包括的标志考究步骤,变换步骤会变换表露功效。咱们将在此后的章节精细报告那些标志。

  

从html语言到网上家园.一图2

热门阅览

最新排行

Copyright © 2019-2021 大雀软件园(www.daque.cn) All Rights Reserved.