PHP网站开发

当前位置:首页>精选文章>PHP网站开发
全部 82 公司新闻 1 行业新闻 2 网络 5 电脑 25 PHP网站开发 22

2.1.2HTML工作原理(2)

时间:2020-07-07   访问量:1111

3. HTML标记简介

(1) 基本标记(Basic Tags)
●<html>...</html>: 定义整个超文本文档(网页)对象,描述Web页面的起始与终止。

●<head>...</head>:设置页面的头部分,用来包含当前文档的一些相关信息,如定义样式、网页的标题、网页中使用的脚本语言以及对搜索引擎有帮助的关键字。

●<title>...<title>:用来指明文件的标题,其内容将显示在浏览器的标题栏内。设置它的好处是可为下载时提供默认的文件名、可为搜索引擎提供搜索关键字。

●<body>...</body>: 放置Web页面的正文内容,包含文件内的文字、超链接文字的颜色、背景色彩、图片、动画、影像、音效等几乎所有对网页的展示功能。

●<meta>:用来介绍与文件内容相关的信息。每一个<meta>标记都用于指明-个名称或数值对,常常放在头部标记中。

(2)文本、字符格式(Text & Char Format)

●<hn>...</bn>:标题文字(其中n=1~6)。

●<br>:换行标记。

●<p>...</p>:段落标记。

●<hr>: 水平线标记。

●<font face="字体名称"size="大小"color"=颜色名或颜色值">字符串</font>:设置字符串的字体、大小、颜色。

颜色名: red, green, blue, yellow, black, white 等。
颜色值:格式为trggbb, 其中r、g、b分别是用十六进制数表示的红、绿、蓝3种颜色,如#FF000O表示红色,而#6CB0A6表示一种青色。

●<b>..</b>:粗体。

●<i>...</i>:斜体。

●<u>...</u>:加下画线。

●<strong>...</strong>:着重强调。

●<sup>...</sup>:定义上标。

●<sub>...</sub>:定义下标。

(3)超链接(Hyperlink)

标记<a href="URL"...>...</a>表示一个超链接元素。超链接的属性主要有超链接地址、超链接文件打开的窗口位置,都在其开始标记中定义。超链接标记,示范如下:

<a href="www.hncst.edu.cn"target="_blank">海南软件职业技术学院</a>

超链接般简称为链接, 其中含义如下:

●href即超链接地址,其值为http://www.hncst.edu.n/index.php。

target即窗口位置,对其值blank 而言,浏览器接收到服务器222.17.244.9发来的文件index.php,将在一个新的浏览器窗口中显示。

(4)表格(Table)

常用表格来精确定义页面文本或图片等的排版格式、排版布局,以使之整齐美观。

<table>...</table>:定义一个表格。

<tr>...</tr>:定义表格内的一行。

<td>...</td>:定义一行内的一个单元格。

(5)表单( Form)

表单的概念与VB、VF、VC等程序设计语言中的表单概念相同,它是浏览器收集、发送用户所填数据的一种浏览器对象(控件),就像一部货车或艘轮船, 但它本身不承载数据,而是通过包含表单对象(就像轮船上的集装箱)这些可以盛放数据的数据容器来承载数据、传送数据。从这个角度来看,它实际上是一个盛放数据容器的容器。

表单是B/S程序中人机交互界面的主要形式。从服务器的角度来看,或者说从服务器程序编写人员的角度来看,表单及表单对象的名称(即其name属性名)被服务器看作变量来接收,称为表单变量。表单变量的值即用户在客户端表单对象中填写的数据。表单定义如下:

<form name- "form"action="ad,p"method-*posts"></form>

●属性action的值指明将表单中数据提交(发送的意思)的方向,即服务器上的某个处理程序。

●属性method指明提交数据的方法,常用post和get.

在HTML的表单中使用<input>标签:输入表单对象,包括如下几种类型:

1)文本字段,类似于VB、VF、VC里的文本框控件,基本标记形式如下。

<input name-"textfield" type-"text" value= "这里是文本字段的值">

2)隐藏域,设计时可见,运行时不可见的文本字段,程序员常用它向表单中的action指向的文件传送变量,标记形式如下。

<input type="hidden" name="hiddenField">

3)文本区域,类似于VB、VF、VC里的文本框控件,基本标记形式如下。

<textarea name="textarea" cols="25" rows= "5">这里是文本区域的值</textarea>

4)单选按钮,类似于VB、VF、VC里的单选按钮控件(也称为无线按钮),作用是在同名的多个单选按钮中提供单项选择。天节师

5)复选框,作用是在同名的多个复选框中提供多项选择。

6)列表/菜单域,概念等同于VB、VF、VC里的下拉列表框。

7)提交表单型表单按钮,作用是将表单中的数据提交到表单属性action的值所指向的服务器端程序,由服务器端程序处理,标记形式如下。

<input type="submit" value="提交">

8)重置型表单按钮,作用是清空表单中每个输入域中的数据,等待用户重新输入,标记形式如下。

<input type="reset" value="重新填写">

9)定制型表单按钮,作用是执行用户指定的函数、过程。例如,用户通过指定按钮的单击事件处理过程为:将当前页面跳转到教学网站主页,标记形式如下。

<input type="button"value="转到教学网站"onClick="window.location="http://www.hncst.edu.cn' ">

QQ图片20200707132126.jpg

上一篇:2.1.2HTML工作原理(1)

下一篇:2.1.3 JavaScript 工作原理

在线咨询

点击这里给我发消息 售前咨询专员

点击这里给我发消息 售后服务专员

在线咨询

免费通话

24小时免费咨询

请输入您的联系电话,座机请加区号

免费通话

微信扫一扫

微信联系
返回顶部