整合營銷服務商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          網(wǎng)站建設:HTML-超文本標記語言

          TML是一種標記語言,描繪文檔如何格式化,如使用什么字體等。使用標記語言,而不是顯式的標記,可以在寫瀏覽器時更方便:瀏覽器只要能理解這些標記命令就行。這種方式以所見即所得的系統(tǒng)相反,如WORD,它用隱含的嵌入標記保存文件,并用于以后再生。asp網(wǎng)站教程以下介紹HTML語言。

          在HTML文件中嵌入標記命令,并使之標準化,使Web瀏覽器能夠讀并再格式化任何Web頁,這點非常重要,因為頁面可能在1024*768、24顯示器上產(chǎn)生,而要在640*480、8位色下顯示。在Web上無法使用所見即所得的字處理器,因為它們內(nèi)部的標記語言沒有標準化,而且也不能在不同尺寸的不同顯示環(huán)境下再次格式化。但是,字處理器的文本通??梢员4鏋镠TML格式。

          Web頁由頭和體構成,以<HTML>和</HTML>標記括起來。頭在<HEAD>和</HEAD>中,體在<BODY>和</BODY>中,標記中的命令叫directive。大多數(shù)標記都是這種格式:即以<SOMETHING>標記某事的開始,以</SOMETHING>標記該事的結束。標記大小寫均可。

          HTML忽略多余的空格和回車,因此不能用空行來分開段落,必須用顯式的標記。

          一些標記攜帶參數(shù),如: <IMG SRC=”abc” ALT=”foobar”>

          其中參數(shù)SRC等于abc,ALT等于foobar,由于參數(shù)是命名的,所以順序無關緊要。

          1、創(chuàng)建基本的網(wǎng)頁

          請看下面這段語句:

          <!-- I am ignored by everybody -->

          <HTML>

          <HEAD>

          <TITLE> Less Minimal </TITLE>

          </HEAD>

          <BODY>

          Hello World!

          </BODY>

          </HTML>

          如果在瀏覽器中顯示這個網(wǎng)頁,將會顯示“Hello, world!”。由<TITLE>及</TITLE>標記包含的文本只出現(xiàn)在網(wǎng)絡瀏覽器的標題欄上,而不在網(wǎng)頁上出現(xiàn)?!碆ODY〉標記表明了你的HTML文件的主體部分,所有需要在的瀏覽器上顯示的文本及標記都應該被放置在這里。例如,Hello World! 被放置在此。標記<!……>被用來在文件中加入注釋,這些注釋并不在主頁上顯示出來。

          基本的常用標記:

          <BR> 能顯示多行文本,但它不是一個容器標記,就是說,并不需要類似</BR>的符號。

          被稱為段落標記,因為用它來創(chuàng)建段落,與<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)> 加入標題。通過給標記指定不同的數(shù)字來規(guī)定他們的大小,有6種大小的標題。例如由<H1>包含的文字在在瀏覽器上顯示是最大的,而由<H^>包含的文字顯示出來最小。

          使文字以黑體顯示。

          讓文字以斜體顯示。

          加下劃線。原則上不要去使用<U>標記,通常網(wǎng)頁中帶下劃線的文字表示這是一個超連接,使用<U>會給用戶帶來困惑。

          加刪除線。

          <A> 用來建立一個超文本定位器。如<A HREF=http://www.hotwired.com> HotWired </A>,瀏覽器上顯示出的HotWired帶有一道下劃線,這就告訴用戶這是一個超連接,如果用鼠標點擊這個字符,那么HotWired網(wǎng)點的主頁就會在你的瀏覽器上顯示出來。也可以用圖象來建立連接,如:<A HREF=”http://www.yahoo.com”><IMG SRC=”myimage.gif”></A>

          2、創(chuàng)建表單(form)

          要建立一個交互式的網(wǎng)點,需要使用HTML表單,它可以收集參觀你網(wǎng)點的用戶提供的信息,并對此作出反應。使用表單,可以建立類似復選框、單選按鈕及文本框的控件。

          掌握表單的使用對高效的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 ACTION=“somedirectory/mypage.asp” METHOD=“POST”>

          <INPUT NAME=“text1” TYPE=“text”>

          <INPUT NAME=“text2”>

          <INPUT TYPE=SUBMIT VALUE=”Submit Me!”>

          </FORM>

          </BODY>

          </HTML>

          也可以使用<INPUT>的VALUE屬性來指定在用戶輸入前缺省狀態(tài)下文本框中顯示的文字。例如,假設你有一個文本框,讓用戶在其中輸入他的國別,你預計你的大部分用戶都是美國人,你可以使用下面的語句將缺省國別設為美國:

          <INPUT NAME=“country” VALUE=“USA”>

          當你顯示這個后的HTML文件時,出現(xiàn)了一個具有Submit Me!文字的按鈕,用鼠標點擊這個Submit Me!按鈕,你就表明你已經(jīng)在這個文本框中輸入完信息了。這就通知瀏覽器它應該對輸入的信息進行處理。

          2)按鈕。在HTML窗體中典型使用的按鈕有三種:

          第一種是Submit按鈕,當你點擊Submit按鈕時,窗體由<FORM>的ACTION屬性所指定的程序進行處理;Submit按鈕的用法如下所示:

          <INPUT TYPE=SUBMIT VALUE=“Do it!”> VALUE屬性的值決定了在按鈕上顯示的文字。

          第二種是圖形按鈕,與Submit按鈕的效果幾乎是一樣的,然而這種類型的按鈕顯示出來是一幅圖象,而不是一個難看的灰色矩形框,如

          <INPUT TYPE=IMAGE SRC=“myimage.gif” BORDER=0>

          應當把BORDER屬性的值設為零,來隱藏在諸如Netscape Navigator這樣的瀏覽器上顯示時,會出現(xiàn)在圖象周圍的黑框。

          最后一種按鈕類型是reset按鈕。當用戶點擊reset按鈕后,所有的窗體內(nèi)容都恢復到它們初始的值。例如,沒有缺省值的文本框將被清空,而用VALUE屬性指定了值的將回到初始的特定值。與Submit按鈕的情況一樣,通過VALUE屬性指定顯示在reset按鈕上的文字。如:

          <INPUT TYPE=RESET VALUE=“Clear Me!”>

          窗體用戶點擊標有Clear Me!的按鈕后,所有窗體值都被清除并回到初始狀態(tài)的值。

          3)密碼框:假設想讓用戶在參觀你的網(wǎng)點之前先進行注冊,使用通常的文本框,你可以建立一個HTML窗體來獲得用戶的名字和密碼,但是你不想讓用戶在輸入他們的密碼時,有人在他們的背后偷看。要保護用戶的密碼,就要使用密碼輸入框。密碼框的工作原理與文本框類似,只是當信息輸入時是隱藏的。如:

          <FORM ACTION=“somedirectory/mypage.asp” METHOD=“POST”>

          Please enter your name and password:

          <BR> Name: <INPUT NAME=“username”>

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

          <INPUT TYPE=SUBMIT VALUE=“Continue”>

          </FORM>

          當上例的HTML文件在網(wǎng)絡瀏覽器上顯示時,你可以在密碼框中輸入文字,就如同在一般的文本框中輸入一樣。然而,所有輸入的文字都被隱藏了(通常是*號)。

          4)復選框:可用一個名字來建立多個復選框來收集信息。例如,你想知道參觀你網(wǎng)點的人是如何發(fā)現(xiàn)它的,而且你想提供用戶發(fā)現(xiàn)你網(wǎng)點的各種可能途徑,你可以使用下列的HTML代碼:

          <FORM ACTION=“somedirectory/mypage.asp” METHOD=“POST”>

          <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”>

          <BR> <INPUT TYPE=SUBMIT VALUE=“Submit Me!”>

          </FORM>

          5)單選按鈕:你可以在多個值之間進行選擇,然而與復選框不同,用戶一次只能選擇一個單選按鈕。例如,假設你需要知道瀏覽你網(wǎng)頁的人的性別,你就可以使用單選按鈕來讓用戶選擇他們的性別。下面的例子說明了怎樣去做:

          <FORM ACTION=“somedirectory/mypage.asp” METHOD=“POST”>

          <BR> Please indicate your sex:

          <BR> Male: <INPUT NAME=“sex” TYPE=RADIO VALUE=“male”>

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

          <BR> <INPUT TYPE=SUBMIT VALUE=“Submit Me!”>

          </FORM>

          6)下拉式列表框:顯示一個選擇菜單,可以用來代替復選框和單選按鈕。使用<SELECT>和<OPTION>標識符來建立一個下拉式列表框,象下面的例子:

          <FORM ACTION=“somedirectory/mypage.asp” METHOD=“POST”>

          <BR> Please indicate your sex:

          <BR> <SELECT NAME=“sex”>

          <OPTION VALUE=“Is Male”>Male

          <OPTION VALUE=“Is Female”>Female

          </SELECT>

          <INPUT TYPE=SUBMIT VALUE=“Submit Me!”>

          </FORM>

          <SELECT>的SIZE屬性可以將一個下拉式列表框轉變成一個滾動列表框,SIZE屬性指定了一次在屏幕上可顯示多少選項。

          建立表格

          由三個標記共同完成的<TABLE>、<TR>和<TD>。

          <TABLE>的BORDER屬性在表格周圍顯示一個邊框,可以通過為BORDER屬性設置不同的值來改變邊界的寬度。顯然,如果不使用BORDER屬性,顯示出來的表格就沒有邊界。

          <TR>標記為表格添加一行。

          <TD>標記用來包含實際的表格數(shù)據(jù)。可以將<TD>看作表格的列標記,表格可以根據(jù)需要設置許多列。<TD>標識符可以包含任意可在HTML文件主體中出現(xiàn)的標識符。例如,<TD>可以包含圖象、超鏈接和窗體,甚至它還可以包含其它表格。

          建立表格時,一般你應當先建立行,然后在行中建立列。

          例如,要建立一個許多城市及其區(qū)域編碼的表格,可以使用下面的方法實現(xiàn):

          <TABLE BORDER=1>

          <TR>

          <TD> Boston </TD>

          <TD> 617 </TD>

          </TR>

          <TR>

          <TD> Modesto </TD>

          <TD> 209 </TD>

          </TR>

          <TR>

          <TD> San Francisco </TD>

          <TD> 415 </TD>

          </TR>

          </TABLE>

          在此例中,<TR>用來建立三個行,每一行對應一個城市;每一行又用<TD>標識符建立了兩列,用來存放城市名及其編碼。

          使用窗口和框架

          框架可以看作是窗口中的不同區(qū)域,一個瀏覽器窗口可以根據(jù)你的需要分成任意多的框架,一個單個的框架也可以分成其它多個框架,即所謂的嵌套框架。

          要在瀏覽器窗口中建立框架,必須創(chuàng)建一個特殊的HTML文件稱作frameset文件。frameset文件本身并不在網(wǎng)絡瀏覽器中出現(xiàn),它只是指明其它的網(wǎng)頁是怎樣顯示在瀏覽器中的。下面是一個簡單的frameset文件的例子:

          <FRAMESET ROWS=“100%” COLS=“50%,50%”>

          <FRAME SRC=“mypage1.cfm”>

          <FRAME SRC=“mypage2.cfm”>

          </FRAMESET>

          當這個frameset文件讀入瀏覽器中時,瀏覽器會顯示兩個HTML文件mypage1.cfm和mypage2.cfm,它們都是普通的HTML文件,frameset文件通知瀏覽器這兩個文件應當分別顯示在兩個框架中。

          <FRAMESET>標識符指定了框架在瀏覽器窗口中顯示的方式,這個標識符將瀏覽器窗口分成多行和多列。在此例中,瀏覽器窗口被分成一行和兩列,屬性ROWS=“100%”,使框架具有整個瀏覽器窗口的高度;屬性COLS=“50%,50%”使框架分成兩列,每列都具有窗口寬度的一半。

          本文是成都網(wǎng)站建設公司、成都網(wǎng)站設計制作公司、成都APP開發(fā)公司、成都響應式網(wǎng)站建設、成都VR全景制作-桔子科技公司為您整理!

          JavaScript 語句向瀏覽器發(fā)出的命令。語句的作用是告訴瀏覽器該做什么。

          JavaScript 語句

          JavaScript 語句是發(fā)給瀏覽器的命令。

          這些命令的作用是告訴瀏覽器要做的事情。

          下面的 JavaScript 語句向 id="demo" 的 HTML 元素輸出文本 "你好 Dolly" :

          實例

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

          嘗試一下 ?

          分號 ;

          分號用于分隔 JavaScript 語句。

          通常我們在每條可執(zhí)行的語句結尾添加分號。

          使用分號的另一用處是在一行中編寫多條語句。

          實例:

          a = 5;

          b = 6;

          c = a + b;

          以上實例也可以這么寫:

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

          嘗試一下 ?

          您也可能看到不帶有分號的案例。 在 JavaScript 中,用分號來結束語句是可選的。

          JavaScript 代碼

          JavaScript 代碼是 JavaScript 語句的序列。

          瀏覽器按照編寫順序依次執(zhí)行每條語句。

          本例向網(wǎng)頁輸出一個標題和兩個段落:

          實例

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

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

          JavaScript 代碼塊

          JavaScript 可以分批地組合起來。

          代碼塊以左花括號開始,以右花括號結束。

          代碼塊的作用是一并地執(zhí)行語句序列。

          本例向網(wǎng)頁輸出一個標題和兩個段落:

          實例

          function myFunction()

          {

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

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

          }

          JavaScript 語句標識符

          JavaScript 語句通常以一個 語句標識符 為開始,并執(zhí)行該語句。

          語句標識符是保留關鍵字不能作為變量名使用。

          下表列出了 JavaScript 語句標識符 (關鍵字) :

          <table class="reference" "style="width: 100%" style="border: 0px; margin: 4px 0px; padding: 0px; width: 729px; color: rgb(51, 51, 51); font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, STHeiti, 'Microsoft Yahei', sans-serif; font-size: 12px; line-height: normal; text-align: start; white-space: normal;">

          語句描述
          break用于跳出循環(huán)。
          catch語句塊,在 try 語句塊執(zhí)行出錯時執(zhí)行 catch 語句塊。
          continue跳過循環(huán)中的一個迭代。
          do ... while執(zhí)行一個語句塊,在條件語句為 true 時繼續(xù)執(zhí)行該語句塊。
          for在條件語句為 true 時,可以將代碼塊執(zhí)行指定的次數(shù)。
          for ... in用于遍歷數(shù)組或者對象的屬性(對數(shù)組或者對象的屬性進行循環(huán)操作)。
          function定義一個函數(shù)
          if ... else用于基于不同的條件來執(zhí)行不同的動作。
          return退出函數(shù)
          switch用于基于不同的條件來執(zhí)行不同的動作。
          throw拋出(生成)錯誤 。
          try實現(xiàn)錯誤處理,與 catch 一同使用。
          var聲明一個變量。
          while當條件語句為 true 時,執(zhí)行語句塊。

          JavaScript 對大小寫敏感。

          JavaScript 對大小寫是敏感的。

          當編寫 JavaScript 語句時,請留意是否關閉大小寫切換鍵。

          函數(shù) getElementById 與 getElementbyID 是不同的。

          同樣,變量 myVariable 與 MyVariable 也是不同的。

          空格

          JavaScript 會忽略多余的空格。您可以向腳本添加空格,來提高其可讀性。下面的兩行代碼是等效的:

          var person="Hege";

          var person = "Hege";

          對代碼行進行折行

          您可以在文本字符串中使用反斜杠對代碼行進行換行。下面的例子會正確地顯示:

          document.write("你好 \

          世界!");

          不過,您不能像這樣折行:

          document.write \

          ("你好世界!");

          您知道嗎?

          提示:JavaScript 是腳本語言。瀏覽器會在讀取代碼時,逐行地執(zhí)行腳本代碼。而對于傳統(tǒng)編程來說,會在執(zhí)行前對所有代碼進行編譯。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          我們從網(wǎng)頁上抓取數(shù)據(jù)時,有時候會遇到數(shù)據(jù)被嵌套在HTML標簽里的情況,特別是當這些數(shù)據(jù)是以JSON格式呈現(xiàn)的時候。這些JSON字符串中可能含有許多不必要的空格,使得數(shù)據(jù)看起來很亂,不易于閱讀。

          在C#編程語言中,我們可以使用正則表達式來輕松地解決這個問題。通過匹配和替換HTML標簽以及連續(xù)的空格,我們可以使數(shù)據(jù)更加整潔,更易于處理。

          下面我們用一個具體的例子,說明如何使用C#和正則表達式來清理和處理這些嵌套在HTML中的JSON數(shù)據(jù)。

          假設我們有如下的HTML字符串,其中包含一個JSON數(shù)據(jù)段:

          優(yōu)化JSON數(shù)據(jù)格式:使用C#正則表達式去除HTML標簽并替換多余空格

          我們的目標是提取出這個JSON數(shù)據(jù)段,去除其中的HTML標簽,并將多余的空格替換為單個空格,以便于閱讀和解析。

          首先,我們需要使用C#的正則表達式來提取出JSON數(shù)據(jù)段。正則表達式 @"<textarea[^>]*>((.|\n)*?)<\/textarea>"將匹配并提取出位于 <textarea> 和 </textarea> 標簽之間的所有內(nèi)容。

          接下來,我們將使用另一個正則表達式 @"\s+" 來匹配一個或多個連續(xù)的空格,并將其替換為一個空格。

          下面是完成這些步驟的C#代碼示例:

          // 代碼注釋:

          // 此處運用正則表達式的強大功能,首先定位并剝離HTML標簽以提取純JSON文本;

          // 然后,針對JSON文本中的連續(xù)空白字符(包括空格、制表符等),使用另一個正則表達式進行查找和替換;

          // 最終輸出的formattedJsonString是經(jīng)過整理、僅保留單個空格的格式化JSON字符串。

          現(xiàn)在,JSON字符串已經(jīng)沒有多余的空格,格式整潔,易于閱讀。這樣的數(shù)據(jù)更便于后續(xù)的處理和解析。


          主站蜘蛛池模板: 爆乳熟妇一区二区三区霸乳 | 人妻互换精品一区二区| 乱子伦一区二区三区| 国产传媒一区二区三区呀| 毛片一区二区三区| 无码人妻精品一区二区三区夜夜嗨| 国产AV一区二区精品凹凸| 无码国产精品一区二区免费I6| 亚洲AV无码第一区二区三区| 激情内射日本一区二区三区| 色一情一乱一伦一区二区三区日本 | 亚洲天堂一区二区三区| 国产伦精品一区二区三区| 亚洲第一区精品观看| 一区二区三区视频免费| 日本免费一区二区三区最新| 国产精品亚洲一区二区在线观看| 一区二区三区无码被窝影院| tom影院亚洲国产一区二区| 色噜噜狠狠一区二区| 亚洲综合av一区二区三区不卡| 精品视频无码一区二区三区| 精品国产一区二区三区四区 | 日韩欧美一区二区三区免费观看 | 亚洲一区在线视频| 精品国产一区二区三区麻豆| 欧美成人aaa片一区国产精品| 天堂一区人妻无码| 精品91一区二区三区| 一区二区三区福利视频| 国产亚洲一区区二区在线 | 99久久精品国产免看国产一区| 中文字幕无线码一区| 日韩一区二区电影| 狠狠色综合一区二区| 波多野结衣一区二区三区高清在线| 国产一区二区视频免费| 久久精品人妻一区二区三区| 久久久久无码国产精品一区| 97精品国产一区二区三区| 波多野结衣av高清一区二区三区|