网站建设：HTML-超文本标记语言

TML是一种标记语言，描绘文档如何格式化，如使用什么字体等。使用标记语言，而不是显式的标记，可以在写浏览器时更方便：浏览器只要能理解这些标记命令就行。这种方式以所见即所得的系统相反，如WORD，它用隐含的嵌入标记保存文件，并用于以后再生。asp网站教程以下介绍HTML语言。

在HTML文件中嵌入标记命令，并使之标准化，使Web浏览器能够读并再格式化任何Web页，这点非常重要，因为页面可能在1024*768、24显示器上产生，而要在640*480、8位色下显示。在Web上无法使用所见即所得的字处理器，因为它们内部的标记语言没有标准化，而且也不能在不同尺寸的不同显示环境下再次格式化。但是，字处理器的文本通常可以保存为HTML格式。

Web页由头和体构成，以<HTML>和</HTML>标记括起来。头在<HEAD>和</HEAD>中，体在<BODY>和</BODY>中，标记中的命令叫directive。大多数标记都是这种格式：即以<SOMETHING>标记某事的开始，以</SOMETHING>标记该事的结束。标记大小写均可。

HTML忽略多余的空格和回车，因此不能用空行来分开段落，必须用显式的标记。

一些标记携带参数，如： <IMG SRC=”abc” ALT=”foobar”>

其中参数SRC等于abc，ALT等于foobar，由于参数是命名的，所以顺序无关紧要。

1、创建基本的网页

请看下面这段语句：

<HTML>

<HEAD>

<TITLE> Less Minimal </TITLE>

</HEAD>

<BODY>

Hello World!

</BODY>

</HTML>

如果在浏览器中显示这个网页，将会显示“Hello, world!”。由<TITLE>及</TITLE>标记包含的文本只出现在网络浏览器的标题栏上，而不在网页上出现。〈BODY〉标记表明了你的HTML文件的主体部分，所有需要在的浏览器上显示的文本及标记都应该被放置在这里。例如，Hello World! 被放置在此。标记<!……>被用来在文件中加入注释，这些注释并不在主页上显示出来。

基本的常用标记：

<BR> 能显示多行文本，但它不是一个容器标记，就是说，并不需要类似</BR>的符号。

被称为段落标记，因为用它来创建段落，与<BR>相比，两行之间会有较多的空格。缺省情况下，<P>使文本在屏幕上左对齐，因此你不需要在你HTML文件中使用<P ALIGN="LEFT">。

<PRE> 假如你有一些文本让它们在屏幕上精确的显示出来，或是你想让每个输入的空格正如您所料的那样显示，可以将文本放入其中。但是当在浏览显示处于<PRE>标记中的文本时，这些文本显示出来非常难看，不易阅读。因此，尽可能不要使用它。这样使用低分辨率屏幕的用户将会减少麻烦。

<HR> 用来建立水平分隔线――用来在屏幕上分割文本的水平线。例如：<HR WIDTH=”640”>或<HR WIDTH=”100%”>。

<FONT> 用来定义字体，它具有三个属性：SIZE、COLOR和FACE。其中FACE，可以指定文本的字体，例如<FONT FACE=”Courier”>。

<H(1-6)> 加入标题。通过给标记指定不同的数字来规定他们的大小，有６种大小的标题。例如由<H1>包含的文字在在浏览器上显示是最大的，而由<H^>包含的文字显示出来最小。

使文字以黑体显示。

让文字以斜体显示。

加下划线。原则上不要去使用<U>标记，通常网页中带下划线的文字表示这是一个超连接，使用<U>会给用户带来困惑。

加删除线。

<A> 用来建立一个超文本定位器。如<A HREF=http://www.hotwired.com> HotWired </A>，浏览器上显示出的HotWired带有一道下划线，这就告诉用户这是一个超连接，如果用鼠标点击这个字符，那么HotWired网点的主页就会在你的浏览器上显示出来。也可以用图象来建立连接，如：<A HREF=”http://www.yahoo.com”><IMG SRC=”myimage.gif”></A>

2、创建表单(form)

要建立一个交互式的网点，需要使用HTML表单，它可以收集参观你网点的用户提供的信息，并对此作出反应。使用表单，可以建立类似复选框、单选按钮及文本框的控件。

掌握表单的使用对高效的Active Server Pages编程是必需的。ASP脚本的一个主要功能是对HTML表单中输入的信息进行处理，因此，表单是ASP应用程序中主要的用户接口。

要建立HTML表单，可以使用<FORM>标记，它是一个容器标记，包含其它表单元素并在它的属性中指明对于此表单中收集的信息应怎样处理。需要注意：

1）要知道表单何时输入信息完毕，需要加入一个表单元素：submit按钮。

2）必须通过<FORM>的ACTION属性来通知表单怎样处理这些信息。ACTION属性决定了窗体对输入的信息将会采取何种方式处理。通常是处理程序名。

3）<FORM>的METHOD属性指明窗体信息通过什么方式送出。通常为POST。

4）正如在文件主体中使用HTML标记一样，也可以在<FORM>标记中使用几乎所有的HTML标记。

基本的表单元素有：

1）文本框：用<INPUT>标记来建立，一般需要包含NAME属性。下面的例子包含了两个名为text1和text2的文本框：

<HTML>

<HEAD>

<TITLE> Simple Form </TITLE>

</HEAD>

<BODY >

</FORM>

</BODY>

</HTML>

也可以使用<INPUT>的VALUE属性来指定在用户输入前缺省状态下文本框中显示的文字。例如，假设你有一个文本框，让用户在其中输入他的国别，你预计你的大部分用户都是美国人，你可以使用下面的语句将缺省国别设为美国：

当你显示这个后的HTML文件时，出现了一个具有Submit Me!文字的按钮，用鼠标点击这个Submit Me!按钮，你就表明你已经在这个文本框中输入完信息了。这就通知浏览器它应该对输入的信息进行处理。

2）按钮。在HTML窗体中典型使用的按钮有三种：

第一种是Submit按钮，当你点击Submit按钮时，窗体由<FORM>的ACTION属性所指定的程序进行处理；Submit按钮的用法如下所示：

<INPUT TYPE=SUBMIT VALUE=“Do it!”> VALUE属性的值决定了在按钮上显示的文字。

第二种是图形按钮，与Submit按钮的效果几乎是一样的，然而这种类型的按钮显示出来是一幅图象，而不是一个难看的灰色矩形框，如

应当把BORDER属性的值设为零，来隐藏在诸如Netscape Navigator这样的浏览器上显示时，会出现在图象周围的黑框。

最后一种按钮类型是reset按钮。当用户点击reset按钮后，所有的窗体内容都恢复到它们初始的值。例如，没有缺省值的文本框将被清空，而用VALUE属性指定了值的将回到初始的特定值。与Submit按钮的情况一样，通过VALUE属性指定显示在reset按钮上的文字。如：

窗体用户点击标有Clear Me!的按钮后，所有窗体值都被清除并回到初始状态的值。

3）密码框：假设想让用户在参观你的网点之前先进行注册，使用通常的文本框，你可以建立一个HTML窗体来获得用户的名字和密码，但是你不想让用户在输入他们的密码时，有人在他们的背后偷看。要保护用户的密码，就要使用密码输入框。密码框的工作原理与文本框类似，只是当信息输入时是隐藏的。如：

Please enter your name and password:

<BR> Password: <INPUT NAME=“password” TYPE=PASSWORD>

</FORM>

当上例的HTML文件在网络浏览器上显示时，你可以在密码框中输入文字，就如同在一般的文本框中输入一样。然而，所有输入的文字都被隐藏了（通常是*号）。

4）复选框：可用一个名字来建立多个复选框来收集信息。例如，你想知道参观你网点的人是如何发现它的，而且你想提供用户发现你网点的各种可能途径，你可以使用下列的HTML代码：

<BR> How did you find out about this web site?

<BR> Magazine: <INPUT NAME=“discover” TYPE=CHECKBOX VALUE=“Magazine”>

<BR> Search Engine: <INPUT NAME=“discover”TYPE=CHECKBOX VALUE=“Search”>

<BR> Friend: <INPUT NAME=“discover” TYPE=CHECKBOX VALUE=“Friend”>

</FORM>

5）单选按钮：你可以在多个值之间进行选择，然而与复选框不同，用户一次只能选择一个单选按钮。例如，假设你需要知道浏览你网页的人的性别，你就可以使用单选按钮来让用户选择他们的性别。下面的例子说明了怎样去做：

<BR> Please indicate your sex:

<BR> Female: <INPUT NAME=“sex” TYPE=RADIO VALUE=“female”>

</FORM>

6）下拉式列表框：显示一个选择菜单，可以用来代替复选框和单选按钮。使用<SELECT>和<OPTION>标识符来建立一个下拉式列表框，象下面的例子：

<BR> Please indicate your sex:

<OPTION VALUE=“Is Male”>Male

<OPTION VALUE=“Is Female”>Female

</SELECT>

</FORM>

<SELECT>的SIZE属性可以将一个下拉式列表框转变成一个滚动列表框，SIZE属性指定了一次在屏幕上可显示多少选项。

建立表格

由三个标记共同完成的<TABLE>、<TR>和<TD>。

<TABLE>的BORDER属性在表格周围显示一个边框，可以通过为BORDER属性设置不同的值来改变边界的宽度。显然，如果不使用BORDER属性，显示出来的表格就没有边界。

<TR>标记为表格添加一行。

<TD>标记用来包含实际的表格数据。可以将<TD>看作表格的列标记，表格可以根据需要设置许多列。<TD>标识符可以包含任意可在HTML文件主体中出现的标识符。例如，<TD>可以包含图象、超链接和窗体，甚至它还可以包含其它表格。

建立表格时，一般你应当先建立行，然后在行中建立列。

例如，要建立一个许多城市及其区域编码的表格，可以使用下面的方法实现：

<TR>

<TD> Boston </TD>

</TR>

<TR>

<TD> Modesto </TD>

</TR>

<TR>

<TD> San Francisco </TD>

</TR>

</TABLE>

在此例中，<TR>用来建立三个行，每一行对应一个城市；每一行又用<TD>标识符建立了两列，用来存放城市名及其编码。

使用窗口和框架

框架可以看作是窗口中的不同区域，一个浏览器窗口可以根据你的需要分成任意多的框架，一个单个的框架也可以分成其它多个框架，即所谓的嵌套框架。

要在浏览器窗口中建立框架，必须创建一个特殊的HTML文件称作frameset文件。frameset文件本身并不在网络浏览器中出现，它只是指明其它的网页是怎样显示在浏览器中的。下面是一个简单的frameset文件的例子：

</FRAMESET>

当这个frameset文件读入浏览器中时，浏览器会显示两个HTML文件mypage1.cfm和mypage2.cfm，它们都是普通的HTML文件，frameset文件通知浏览器这两个文件应当分别显示在两个框架中。

<FRAMESET>标识符指定了框架在浏览器窗口中显示的方式，这个标识符将浏览器窗口分成多行和多列。在此例中，浏览器窗口被分成一行和两列，属性ROWS＝“100％”，使框架具有整个浏览器窗口的高度；属性COLS＝“50％，50％”使框架分成两列，每列都具有窗口宽度的一半。

本文是成都网站建设公司、成都网站设计制作公司、成都APP开发公司、成都响应式网站建设、成都VR全景制作-桔子科技公司为您整理！

JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。

JavaScript 语句

JavaScript 语句是发给浏览器的命令。

这些命令的作用是告诉浏览器要做的事情。

下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "你好 Dolly" ：

实例

document.getElementById("demo").innerHTML = "你好 Dolly";

尝试一下 »

分号 ;

分号用于分隔 JavaScript 语句。

通常我们在每条可执行的语句结尾添加分号。

使用分号的另一用处是在一行中编写多条语句。

实例:

a = 5;

b = 6;

c = a + b;

以上实例也可以这么写:

a = 5; b = 6; c = a + b;

尝试一下 »

	您也可能看到不带有分号的案例。在 JavaScript 中，用分号来结束语句是可选的。

JavaScript 代码

JavaScript 代码是 JavaScript 语句的序列。

浏览器按照编写顺序依次执行每条语句。

本例向网页输出一个标题和两个段落：

实例

document.getElementById("demo").innerHTML="你好 Dolly";

document.getElementById("myDIV").innerHTML="你最近怎么样?";

JavaScript 代码块

JavaScript 可以分批地组合起来。

代码块以左花括号开始，以右花括号结束。

代码块的作用是一并地执行语句序列。

本例向网页输出一个标题和两个段落：

实例

function myFunction()

{

document.getElementById("demo").innerHTML="你好Dolly";

document.getElementById("myDIV").innerHTML="你最近怎么样?";

}

JavaScript 语句标识符

JavaScript 语句通常以一个 语句标识符 为开始，并执行该语句。

语句标识符是保留关键字不能作为变量名使用。

下表列出了 JavaScript 语句标识符 (关键字) ：

语句	描述
break	用于跳出循环。
catch	语句块，在 try 语句块执行出错时执行 catch 语句块。
continue	跳过循环中的一个迭代。
do ... while	执行一个语句块，在条件语句为 true 时继续执行该语句块。
for	在条件语句为 true 时，可以将代码块执行指定的次数。
for ... in	用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。
function	定义一个函数
if ... else	用于基于不同的条件来执行不同的动作。
return	退出函数
switch	用于基于不同的条件来执行不同的动作。
throw	抛出（生成）错误。
try	实现错误处理，与 catch 一同使用。
var	声明一个变量。
while	当条件语句为 true 时，执行语句块。

JavaScript 对大小写敏感。

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时，请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样，变量 myVariable 与 MyVariable 也是不同的。

空格

JavaScript 会忽略多余的空格。您可以向脚本添加空格，来提高其可读性。下面的两行代码是等效的：

var person="Hege";

var person = "Hege";

对代码行进行折行

您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示：

document.write("你好 \

世界!");

不过，您不能像这样折行：

document.write \

("你好世界!");

您知道吗？

提示：JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！

我们从网页上抓取数据时，有时候会遇到数据被嵌套在HTML标签里的情况，特别是当这些数据是以JSON格式呈现的时候。这些JSON字符串中可能含有许多不必要的空格，使得数据看起来很乱，不易于阅读。

在C#编程语言中，我们可以使用正则表达式来轻松地解决这个问题。通过匹配和替换HTML标签以及连续的空格，我们可以使数据更加整洁，更易于处理。

下面我们用一个具体的例子，说明如何使用C#和正则表达式来清理和处理这些嵌套在HTML中的JSON数据。

假设我们有如下的HTML字符串，其中包含一个JSON数据段：

优化JSON数据格式：使用C#正则表达式去除HTML标签并替换多余空格

我们的目标是提取出这个JSON数据段，去除其中的HTML标签，并将多余的空格替换为单个空格，以便于阅读和解析。

首先，我们需要使用C#的正则表达式来提取出JSON数据段。正则表达式 @"<textarea[^>]*>((.|\n)*?)<\/textarea>"将匹配并提取出位于 <textarea> 和 </textarea> 标签之间的所有内容。

接下来，我们将使用另一个正则表达式 @"\s+" 来匹配一个或多个连续的空格，并将其替换为一个空格。

下面是完成这些步骤的C#代码示例：

// 代码注释：

// 此处运用正则表达式的强大功能，首先定位并剥离HTML标签以提取纯JSON文本；

// 然后，针对JSON文本中的连续空白字符（包括空格、制表符等），使用另一个正则表达式进行查找和替换；

// 最终输出的formattedJsonString是经过整理、仅保留单个空格的格式化JSON字符串。

现在，JSON字符串已经没有多余的空格，格式整洁，易于阅读。这样的数据更便于后续的处理和解析。

在线咨询

上一篇：HTML5培训机构：HTML5的常见用途
下一篇：使用HTML写一个注册页面

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

网站建设：HTML-超文本标记语言

您的项目需求