毕业论文

打赏
当前位置: 毕业论文 > 计算机论文 >

计算机教学网页的设计与制作(7)

时间:2017-02-04 17:24来源:毕业论文
另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏


另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面。
也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面;你所需要的只是一个文字处理器(如McrosoftWord\记事本\写字板等等)以及HTML的工作常识。其实你很快就会发现,基础的HTML语言很容易。

2.4.3基本结构
一个HTML文档是由一系列的元素和标签组成.元素名不区分大小写.HTML用标签来规定元素的属性和它在文件中的位置。
HTML超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。
  下面是一个最基本的html文档的代码:1-1.html
  <HTML> ---------------------------------------- 开始标签
  <HEAD> --------------------------------------
  <TITLE> 一个简单的HTML示例 </TITLE> | 头部标签
  </HEAD> --------------------------------------
  <BODY> ----------------------------------------
  <CENTER> |
  <H1>欢迎光临我的主页</H1> |
  <BR> |
  <HR> | 文件主体
  <FONT SIZE= 7 COLOR= red> |
  这是我第一次做主页 |
  </FONT> |
  </CENTER> |
  </BODY> ---------------------------------------
  </HTML> --------------------------------------- 结尾标签
<HTML></HTML>在文档的最外层, 文档中的所有文本和html标签都包含在其中,它表示该文档是以超文本标识语言(HTML)编写的。事实上,现在常用的Web浏览器都可以自动识别HTML文档,并不要求有 <html>标签,也不对该标签进行任何操作,但是为了使HTML文档能够适应不断变化的Web浏览器,还是应该养成不省略这对标签的良好习惯。
<HEAD></HEAD>是HTML文档的头部标签, 在浏览器窗口中,头部信息是不被显示在正文中的,在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公共属性。若不需头部信息则可省略此标记,良好的习惯是不省略。
<title>和</title>是嵌套在<HEAD>头部标签中的,标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏。
<BODY> </BODY>标记一般不省略,标签之间的文本是正文,是在浏览器要显示的页面内容。
上面的这几对标签在文档中都是唯一的,HEAD标签和BODY标签是嵌套在HTML标签中的。

2.4.4 图象标记
1、链入图象的基本语法
<img src=#> #=图象的 URL
<img alt=#>
#=在浏览器尚未完全读入图象时,在图象位置显示的文字。
<img src="f.gif" alt="MY FACE :-)">
2、图象和文字的对齐
img align=#> #=top, middle, bottom
<img src=URL align=top或align=middle或align= bottom > My face!
3、边框
<img border=#> #=value
<a href="URL">
<img src=URL border=15>
</a>

2.4.5复选框(Checkbox) 和单选框(RadioButton)
<form action=/cgi-bin/post-query method=POST>
    <input type=checkbox name=水果1>Banana<p>
    <input type=checkbox name=水果2 checked>Apple<p>
    <input type=checkbox name=水果3 value=橘子>Orange<p> 计算机教学网页的设计与制作(7):http://www.youerw.com/jisuanji/lunwen_2527.html
------分隔线----------------------------
推荐内容