前列腺炎淋菌前列腺炎可分为急_第1页
前列腺炎淋菌前列腺炎可分为急_第2页
前列腺炎淋菌前列腺炎可分为急_第3页
前列腺炎淋菌前列腺炎可分为急_第4页
前列腺炎淋菌前列腺炎可分为急_第5页
已阅读5页，还剩53页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

关于前列腺炎淋菌前列腺炎可分为急第1页，共58页，2023年，2月20日，星期三概述为了在世界范围内发布信息，需要一种能够被普遍理解的语言，一种能为所有的计算机作为信息发布用的母语，这就是万维网使用的超文本标记语言（HypertextMarkupLanguage，HTML)。第2页，共58页，2023年，2月20日，星期三HTML句法结构第3页，共58页，2023年，2月20日，星期三HTML句法结构Google首页的部分源代码<html><head><METAHTTP-EQUIV="content-type"CONTENT="text/html;charset=GB2312"><title>Google</title>...</head>另外还有HTML文档主体部分的声明。<bodybgcolor=#fffffftext=#000000link=#0000ccvlink=551a8balink=#ff0000onLoad=sf()><center>第4页，共58页，2023年，2月20日，星期三HTML句法结构一个HTML文档是普通的ASCII文本文件，它包含两类内容：普通的文本、代码或标记。标记(Tag)是用一对尖括号“<>”括起来的文本串，例如第一行的<html>。标记通常具有如下结构：

<tagnemeattribute1=value1attribute2=value2…>在标记定义中，“tagname”是标记名，定义标记的类型；而“attributes”为属性，一般标记即可以不定义属性，也可以定义若干个属性属性给出了这个元素的附加信息。第5页，共58页，2023年，2月20日，星期三HTML句法结构在Google主页文档第二行的<head>标记中，head是标记名，没有相关属性。在文档主体<body>定义中，定义了若干属性，属性值为“bgcolor=#fffffftext=#000000link=#0000ccvlink=551a8balink=#ff0000onLoad=sf()”。第6页，共58页，2023年，2月20日，星期三HTML句法结构需要注意，虽然标记和属性名称与字母大小写无关，但是属性值却往往对大小写敏感。例如，可以在超链中定义相关的文件名，尽管在Windows系统中，href=a1和href=A1可以指向同一文件，但在UNIX系统中，却是指向不同的文件。重要提示：在网页设计须统一命名方案第7页，共58页，2023年，2月20日，星期三HTML句法结构标记和文本结合起来形成元素(Element)。每个元素代表文档中的一个对象，比如文件头、段落或图片。一个元素可具有一个或一对标记，通常具有一些相关的属性。元素有两种类型：容器（container）元素和单个元素（空元素）。第8页，共58页，2023年，2月20日，星期三HTML句法结构容器元素包含文本内容，代表一个文本段、它由文本主体（或其他元素）组成，文本主体在开头和结尾处用一对标记来确定边界（结尾的标记用标记名前加“/”来表示，并不带任何属性）。

例如，<title>和</title>标记把这两个标记之间的文本定义成一个文档标题。而单个元素是由不影响任何文本的单个标记组成的，它会在文档中插入一些对象。例如<imgsrc=…>标记就是一个可以在文档中插入图像的单个元素。第9页，共58页，2023年，2月20日，星期三HTML文档结构和常用元素这三个元素一起构成完整的HTML文档结构模板，所有的HTML文档都应该遵循这个模板：<HTML><HEAD>Headerelement</HEAD><BODY>bodyofDocument</BODY></HTML>第10页，共58页，2023年，2月20日，星期三HTML文档结构和常用元素<HEAD>容器元素中包含的最为常用的元素有：<TITLE>text</TITLE>：这个元素是文档的抬头，类似书籍的页眉。在浏览器中，标题通常与文本页分开显示（例如，在窗口的标题栏中）。抬头（TITLE）在用户保存网页时一般都作为文件名，所以命名应该注意。第11页，共58页，2023年，2月20日，星期三HTML文档结构和常用元素<BODY>容器元素中包含以下几个常用元素：<H#>text</H#>：标题把括起来的文本作为标题。从标记<H1>、<H2>直到<H6>，可以有六个层次的标题（较小的数字标记较重要的标题）。标题通常用较大的字型编排，并且在该标题的上下各有一个空行。<P>：段落标识文本主体中两个段落之间的间隔。<IMGSRC=“URL”>：图像标记把图像插入到文档中，图像可以在SRC属性中给出的URL处找到。第12页，共58页，2023年，2月20日，星期三HTML文档结构和常用元素

<IMGsrc="URL"alt="text"align=TOP/MIDDLE/BOTTOMISMAP>把图像插入到文档中，图像可以在src属性指定的URL处找到。最常见的图像格式是GIF。如果浏览器不支持插入图像（例如，Lynx浏览器），将显示在可选的alt属性中给出的文本。如果没有给出alt属性值，在图形所在的位置上可能会出现[IMAGE]的字样。可选的align属性指出文本的当前行与图像在垂直方向上怎样对齐（通常是BOTTOM，但这随浏览器的不同而不同）。第13页，共58页，2023年，2月20日，星期三HTML文档结构和常用元素ISMAP属性用于建交互式的图形。如果使用<A“href=http://URL1”><IMGsrc=“URL2”ismap></A>语法，则这图像上成为一个可击点，产生一个链接到URL1处。例如：<A“href=”><IMGsrc=“xjtu_logo.gif”ismap></A>第14页，共58页，2023年，2月20日，星期三<UL><LI>text<LI>text</UL>：该结构提供了一个无序的条目列表；每个条目以<LI>标记开始。通常在显示出的各条目项前置一个实心的圆点。<AHREF=URL>text</A>：超文本标记，也称为超链接。文本用某种特殊方式来显示（用颜色、下划线或其它类似方法）；当点击屏幕上的超文本链接时，Web服务器将检索“HREF”属性中的“URL”给出的文档，并将结果返回给用户浏览器。<HR>：放置一个横穿浏览器窗口的水平线，通常水平线的上下各有一个空行。<BR>：在文本中强制换行，以便后继文本都放在下一行。HTML文档结构和常用元素第15页，共58页，2023年，2月20日，星期三HTML标准单位长度单位可以用来定义水平线、表格边框、图像等对象的长、宽、高等一系列属性，同时也能用来定义这些对象在网页上的位置等属性。长度的表示有两种方式：绝对长度和相对长度。它们的单位分别为像素（pixel）和百分比（％），像素代表屏幕上的各个显像点，而相对长度则描述了对象在浏览器窗口的所占的比例。第16页，共58页，2023年，2月20日，星期三HTML标准单位一般在网页设计中较少使用绝对长度，因为浏览器窗口可随时调整大小，如果水平线设置为绝对长度很容易造成不协调，而使用相对长度来描述则对象会随浏览器窗口大小变化而变化。

<HRWIDTH="400"> <!--绝对长度--><HRWIDTH="50%"> <!--相对长度-->

第17页，共58页，2023年，2月20日，星期三HTML标准单位颜色单位也是描述网页表现形式中应用很频繁的一种数据类型。在设计网页的过程中，需要能定义字体、页面背景、表格背景甚至超链接的颜色，通过利用颜色数据来定义这些对象的颜色属性。第18页，共58页，2023年，2月20日，星期三HTML标准单位颜色单位有三种表达的方式：十六进制的颜色代码

<fontcolor=#FF0000>RedCharacters</font>

十进制颜色码<fontcolor=rgb(0,0,255)>Blue</font>

颜色名码<fontcolor="green">GreenCharacters</font>第19页，共58页，2023年，2月20日，星期三HTML标准单位统一资源定位器(URL)[1]路径是一种因特网资源地址的表示法。该数据里中可以包括链接所需协议、链接主机的域名或IP地址、链接主机的通讯端口（port）号、主机文件的发布路径和文件名称等。

[1]

由W3C对HTML4.0的定义中，URL的描述为“UniversalResourceIdentifier（URI）”。第20页，共58页，2023年，2月20日，星期三HTML标准单位在HTML中，URL路径又分为两种形式：绝对路径和相对路径。绝对路径是将主机地址和主机上资源发布目录的路径和资源名称进行完整的描述。如:<ahref="HTTP:///bbs/index.htm"><ahref="file:///c:/xitami/webpages/default.htm">第21页，共58页，2023年，2月20日，星期三HTML标准单位相对路径则是相对于当前的网页所在目录或站点根目录的路径。如:<IMGSRC="Snowwhite.jpg">

<!--图像文件"Snowwhite.jpg"与当前显示的网页在同一目录下；--><IMGSRC="../image/Leaves.jpg">

<!--图像文件"Leaves.jpg"在与当前显示网页所在目录同层次的另一子目录image下；-->第22页，共58页，2023年，2月20日，星期三HTML基本元素的使用表单（form）

HTML的表单特性是给予万维网真正力量、完成生动的交互式应用的因素之一。HTML表单仅仅是这种特性的一半。一旦用户填完表单，就把表格提交给一个特殊的程序或脚本，由这个程序或脚本取出信息，并用这个表格做一些有用的事（如把用户数据传递给数据库）。

可以把表单看成因特网上通用的一种视窗（window）对话框，用于接受用户数据。第23页，共58页，2023年，2月20日，星期三第24页，共58页，2023年，2月20日，星期三表单(续)表单元素<FORMmethod="[GET|POST]action="URL">formbody</FORM><FORM>元素括起整个表单，并给出一些基本定义。表单仅占用HTML文档的部分空间；实际上，一个HTML文档可以包含几个独立的、完成不同功能的表单。method指定了信息传递给HTTP服务器的方法；action给出与处理提交信息的脚本相关的URL（如“scriptname.asp”，“scriptname.php”）。第25页，共58页，2023年，2月20日，星期三表单(续)表单输入元素

<INPUTname="text"type="string"size=##value="text"CHECKED><INPUT>用来把不同的字段放在表单里，以便用户输入信息。name属性指定该字段在某个表单中的唯一名称；可选的value属性给出该标记的默认值。在提交表单时，向Web服务器呈上以一组用“？”开头并用“&”号分开的一组“名字＝值”形式的信息，如http://…/Scriptname?name=me&address=here&time＝now第26页，共58页，2023年，2月20日，星期三表单输入元素(续)type属性给出所使用<INPUT>标记的样式，“string”可以是：CHECKBOX（复选框）。RADIO（单选按钮）TEXT（单行的文本输入栏）。IMAGE（图像放在表单里）SUBMIT（提交按钮）RESET(清除按钮)HIDDEN（在表单中保留不供显示的内容）第27页，共58页，2023年，2月20日，星期三表单输入元素(续)另外：SIZE属性用于设置文本字段的窗口大小（以字符数为计量单位）。CHECKED属性与CHECKBOX和RADIO类型一起使用，用于表示按钮在默认状态时是否被选中。第28页，共58页，2023年，2月20日，星期三表单(续)选项选择元素（类似Windows中的组合框）<SELECTname="text"multiple><OPTIONvalue="text"selected>content1<OPTIONvalue="text">content2</SELECT>在选项选择元素中，所有可选项目由<OPTION>元素逐条列出；通常用下拉式菜单显示。跟在每个<OPTION>标记后面的text在下拉框中显示；如果没有给出value属性（可选属性）；当用户选择到某选项时则随表单呈上相应的text文本。multiple属性允许选择多于一个的选项；selected属性指定默认的选择。第29页，共58页，2023年，2月20日，星期三选项选择元素(续)选项选择举例：<SELECTname=“code"multiple><OPTIONvalue=“010"selected>Beijing<OPTIONvalue=“029">Xi’an</SELECT>第30页，共58页，2023年，2月20日，星期三表单输入元素(续)多行文本输入<TEXTAREAname="text"rows=##cols=##>text</TEXTAREA>

类似于<INPUTTYPE="text">标记，但允许多行文本输入。name属性与<INPUT>的类似，用行和列属性的数值定义文本输入区域的大小。元素中text的值将作为默认内容显示在文本区域中。第31页，共58页，2023年，2月20日，星期三HTML基本元素的使用实体HTML文档中出现的很多字符不可能通过输入直接放入HTML文档中，这些字符包括对HTML有特殊意义的字符，如，“<”和“>”字符，以及许多键盘上找不到的国际字符和印刷字符。可以用实体（Entities）把这些字符放在文档中，实体是若干个文本片段，它们一起表示单个字符。其一般语法包括一个“&”号、一个表示字符的名字及一个分号。第32页，共58页，2023年，2月20日，星期三实体（续）保留字符保留字符是HTML中用于其它目的的普通字符，如果按原样输入则会引起混乱。实体显示形式备注<小于号（<）>；大于号（>）&与号（&）"e;引号（"）（通常不用）

不换行空白见下页

第33页，共58页，2023年，2月20日，星期三保留字符（续）在浏览器中浏览HTML文档时，浏览器根据单词之间的留白来自动换行，并且HTML不支持两个及两个以上的空格。因此HTML语言提供了一个不换行空格的标记“＆nbsp；”，这样如果需要某几个单词之间不出现换行的话，就可以在这些单词之间使用这个换行标记“＆nbsp；”来替代空格，并且也可以利用这个标记来建立两个或两个以上的空格效果。第34页，共58页，2023年，2月20日，星期三实体（续）国际字符

国际字符指多数除英语外的欧洲语言中使用的字符，其名字参照ISO拉丁字符集。实体显示形式备注Á带重音的大写A（Á）ô带升降调的小写o（ô）Æ连字大写AE（Æ）ç带变音符的小写c（ç）第35页，共58页，2023年，2月20日，星期三Table元素表格元素是网页是应用最为广泛的元素之一。表格元素在网页中以表格形式组织和显示数据大量使用在网页布局设计上。在“Google”貌似简单的网页上，居然也用了三个表格来布局。第36页，共58页，2023年，2月20日，星期三Table元素（续）第37页，共58页，2023年，2月20日，星期三Table元素（续）<TABLE>标记的一般形式是：<TABLEWIDTH="?"BGCOLOR="?"BACKGROUND="?"BORDER="?"CELLSPACING="?"CELLPADDING="?"><TR>…<TD>…</TD>…</TR></TABLE>第38页，共58页，2023年，2月20日，星期三表格中的TD元素（续）在<TD>标记的属性中：Width 单元格宽度Height 单元格高度Align 单元格水平对齐方式Valign 单元格垂直对齐方式RowSpan 单元格的行跨度ColSpan 单元格的列跨度第39页，共58页，2023年，2月20日，星期三PHP基础(一个简单的动态网页)<html><head><title>TheFirstGreetingfromPHP</title></head><body><?echo"hello,$name\n";?></body></html>第40页，共58页，2023年，2月20日，星期三PHP基础(一个简单的动态网页)打开浏览器，在地址栏中输入：

/greeting.php?name=Cheng本课程所含的实验或例子假设在本地主机上的Web服务器阿Apache上运行。Apache的网页发布目录在d:\xampp\htdocs第41页，共58页，2023年，2月20日，星期三PHP与“纯”HTML网页的不同PHP网页需要经过Apache的PHP模块处理才能显示;PHP网页的程序参数（或变量）至少可以从URL地址栏输入；网页的输出可以随程序参数（或变量）值变化而变化。在本例在/greeting.php网址之后附带了“?name=Cheng”。等号“=”左边为“参数”，“=”右侧为参数值当需要输入的参数多于一项时，参数之间要用“&”号隔开第42页，共58页，2023年，2月20日，星期三HTML表单与PHP处理程序在浏览器的URL地址栏输入网页的名称和相关参数，而这种用户数据的输入方式显然是很不方便的。尤其不适合普通浏览器用户的使用。在HTML中，一般浏览器用户是通过表单完成网上的数据输入的。第43页，共58页，2023年，2月20日，星期三HTML表单与PHP处理程序第44页，共58页，2023年，2月20日，星期三HTML表单与PHP处理程序第45页，共58页，2023年，2月20日，星期三HTML表单与PHP处理程序一个简单的HTML表单<HTML> <!--文件名：form.htm--><BODYBgColor=#FFFFFF><FORMAction="echo.php"Method="GET">姓名:<INPUTType="Text"Name="Name"Size=20><P>兴趣:<INPUTType="Text"Name="Love"Size=20><P><INPUTType=SubmitValue="传送"></FORM></BODY></HTML>第46页，共58页，2023年，2月20日，星期三HTML表单与PHP处理程序对简单表单的PHP程序处理<HTML> <!--文件名：echo.php--><HEAD><TITLE>Welcome!</TITLE></HEAD><BODYBgColor="#FFFFFF"><Center><H2><?echo"$Name欢迎您,您的兴趣爱好是$Love";?>!<HR></H2></Center></BODY></HTML>第47页，共58页，2023年，2月20日，星期三HTML表单与PHP处理程序注意：含有表单的文件往往是一个“纯”HTML文件，比如上例的表单文档就是一个有“.htm”后缀的文件。HTML表单是一个容器元素，即有开始<FORM>和结束</FORM>标记，在<FORM>中至少包含两个属性：“ACTION”和“METHOD”。第48页，共58页，2023年，2月20日，星期三HTML表单的ACTION

<FORMACTION=URL>ACTION属性的值表示该表单的处理方法，也就是表单提交后需要执行的CGI程序名(包括路径)由于本课程的CGI程序用PHP编写，因此，一般ACTION属性中填写的就是对应的PHP程序或动态网页的名称。

<FORMAction="echo.php"Method="GET">表示在用户提交表单后，由Web服务器上的echo.php程序来处理用户所提交的数据(该文档与form.htm在同一目录中)。第49页，共58页，2023年，2月20日，星期三HTML表单的METHOD

<FORMACTION=URLMETHOD="POST|GET|…">METHOD说明本表单向服务器发送输入信息时的使用方式一般有两种选择：POST和GET，默认的方式是GET。第50页，共58页，2023年，2月20日，星期三HTML表单的METHOD使用GET时，HTTP的客户端将表单上用户的输入信息作为字符串附加在ACTION所设定的URL后面，中间

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论