织梦CMS - 轻松建站从此开始!

圣道-文化大观园

网页代码基本格式

时间:2018-06-20 09:07来源:搜集整理 作者:电脑编辑 点击:
网页代码基本格式 在网页和网站设计中需要用到网页的代码。虽然不会代码页也可以做网站,例如使用工具如DREAMWEAVER等来做的话,只要会设计就可以了。不过呢,在网页设计中还是要
  网页代码基本格式
  在网页和网站设计中需要用到网页的代码。虽然不会代码页也可以做网站,例如使用工具如DREAMWEAVER等来做的话,只要会设计就可以了。不过呢,在网页设计中还是要知道一些网页代码的基础知识为好,以美化和丰富网页内容。
  并不是Dreamweaver就可以做出一切你想要的效果的。有些效果只能通过编辑代码来完成,或者通过编辑代码可以容易一些。
  一般网页的基本格式是:
  <html>
  <head>
  <title>标题</title>
  </head>
  <body>
  这里放置网页代码及内容的主体。
  </body>
  </html>
  网页设计的代码叫做HTML代码。使用标识对的方法编写文件,既简单又方便,它通常使用<标识名>来表示标识的开始和结束,因此绝大多数代码在HTML文档中的标识对都必须是成对使用的。在网页的制作中,代码的格式不要弄混乱了。
  <html></html>标签
  标识用于HTML文档的最前边,用来标识HTML文档的开始。而标识恰恰相反,它放在HTML文档的最后边,用来标识HTMLl文档的结束,它们并没有实际意义,只是告诉浏览器,它正在处理HTML文件。两个标识必须一块使用。
  <head></head>
  故名思意,这就是网页的头部了,这部分可以放置网页的一些识别信息,和该网页特有的信息,如标题,关键词等等。这对标记之间的代码在刚打开网页的时候是先于其他一些代码的,所以当引用一些文件或者函数时,可以将他们放置在这之间引用。
  <title></title>
  注意事项:
  浏览过网页的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息,那些信息一般是网页的主题信息,要将您的网页的主题信息显示到浏览器的顶部,也就是标题栏的方法很简单,就是在标识对之间加入您要显示的文本即可。
  ------------------------------------------------------------
  网页源代码的基本结构
  <html>
  <head>
  <title>标题<title>
  </head>
  <body>..........文件内容..........</body>
  </html>
  ------------------------------------------------------------
  一、网页标题
  1.文件标题
  <title>..........</title>
  2.文件更新--<meta>
  【1】10秒后自动更新一次
  <meta http-equiv="refresh" content=10>
  【2】10秒后自动连结到另一文件
  <meta http-equiv="refresh" content="10;URL=欲连结文件之URL">
  3.查询用表单--<isindex>
  若欲设定查询栏位前的提示文字:
  <isindex prompt="提示文字">
  4.预设的基准路径--<base>
  <base href="放置文件的主机之URL">
  二、网页版面
  1.标题文字 <h#>..........</h#> #=1~6;h1为最大字,h6为最小字
  2.字体变化 <font>..........</font>
  【1】字体大小 <font size=#>..........</font> #=1~7;数字愈大字也愈大
  【2】指定字型 <font face="字型名称">..........</font>
  【3】文字颜色 <font color=#rrggbb>..........</font> rr:表红色(red)色码 gg:表绿色(green)色码 bb:表蓝色(blue)色码
  3.显示小字体 <small>..........</small>
  4.显示大字体 <big>..........</big>
  5.粗体字 <b>..........</b>
  6.斜体字 <i>..........</i>
  7.打字机字体 <tt>..........</tt>
  8.底线 <u>..........</u>
  9.删除线 <strike>..........</strike>
  10.下标字 <sub>..........</sub>
  11.上标字 <sup>..........</sup>
  12.文字闪烁效果 <blink>..........</blink>
  13.换行 <br>
  14.分段 <p>
  15.文字的对齐方向 <p align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.<p align="#">之后的文字都会以所设的对齐方式显示, 直到出现另一个<p align="#">改变其对齐方向,或遇到 <hr>ⅱ<h#>标签时会自动设回预设的向左对齐。 (责任编辑:望穿时空)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容