驗證碼怎麼那麼長: 5月 2011

2011年5月30日星期一

XML簡介

可延伸標示語言（英語：eXtensible Markup Language，簡稱:XML），又稱可延伸標記語言，是一種置標語言。置標指電腦所能理解的資訊符號，透過此種標記，電腦之間可以處理包含各種資訊的文章等。如何定義這些標記，既可以選擇國際通用的標記語言，比如HTML，也可以使用像XML這樣由相關人士自由決定的標記語言，這就是語言的可延伸性。XML是從標準通用置標語言（SGML）中簡化修改出來的。它主要用到的有可延伸標示語言、可延伸樣式語言（XSL）、XBRL和XPath等。

XSTL簡介

在計算機科學中，可擴展樣式錶轉換語言（Extensible Stylesheet Language Transformations，簡稱XSLT）是一種對XML檔案進行轉化的語言，XSLT中的T代表英語中的「轉換」（transformation）。它是XSL（Extensible stylesheet language）規範的一部分。XSL規範的另外一部分是XSL-FO（FO代表格式化對象Formatting Objects）。

XSLT是把XML檔案轉化為另一檔案的轉換語言，即將源檔案的所有數據或者部分數據，利用XPath進行選擇，生成另外的XML檔案或者其他可直接顯示或列印的文件格式（例如 HTML文件、RTF文件或者TeX文件）。XSLT語言是聲明性的語言，即XSLT程序本身只是包含了一些轉換規則的檔案。而這些規則可以被遞歸地應用到轉換過程中。XSLT處理程序會首先確定使用XSLT中的哪些規則，然後根據優先順序作出相應的轉換操作。

XSLT本身也是一份XML檔案，所以它也必須遵守嚴格的XML規範。其XML 命名空間為http://www.w3.org/1999/XSL/Transform。

除了XSLT外，還有另外一種轉換語言STX，這是一種旨在提供高速的低記憶體消耗的轉換語言。

實作結果:

2011年5月23日星期一

LAB35

原始碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>lab34</title>
<script>function buildTable(){
docBody = document.getElementsByTagName("body").item(0)
myTable = document.createElement("TABLE")
myTable.id ="TableOne"
myTable.border = 1
myTableBody = document.createElement("TBODY")
for (i = 1; i < 10; i++){
row = document.createElement("TR")
for (j = 1; j < 10; j++){
cell = document.createElement("TD")
cell.setAttribute("WIDTH","50")
cell.setAttribute("HEIGHT","50")
textVal = i + "x" + j + "=" + i*j
textNode = document.createTextNode(textVal)
cell.appendChild(textNode)
row.appendChild(cell)
}
myTableBody.appendChild(row)
}
myTable.appendChild(myTableBody)
docBody.appendChild(myTable)
}
window.onload = buildTable
</script>
<br>
</head>
<body>
</body>
</html>

圖片檔：

LAB35

圖片檔：

LAB35

圖片檔：

LAB34

程式碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>lab34</title>
<script>
function build(){
myImg=document.createElement("IMG")
myImg.setAttribute("id","iamgeOne")
myImg.setAttribute("src","http://gamezblog.com/wp-content/uploads/2011/03/StarCraft-2.jpg")
docBody= document.getElementsByTagName("body").item(0)
docBody.appendChild(myImg)
}
</script>
</head>
<body>
<input name="myButton" value="Press This"
onclick="build()" type="button">
</body>
</html>

圖片檔：