顯示具有 Hello World 標籤的文章。 顯示所有文章
顯示具有 Hello World 標籤的文章。 顯示所有文章

2014年6月19日 星期四

Web(6) HTML +xml+ CSS的HELLO WORLD

經由CSS自訂文檔中的元素(XML 元素)的設置樣式,做一個簡單的"Hello world"程式。
l   結果如下:


2014年6月18日 星期三

Web(5) HTML +xml+ XSLT的HELLO WORLD

做一個簡單的"Hello world"程式。
結果如下:




Web(4) HTML +VB Script 的HELLO WORLD

做一個簡單的"Hello world"程式。
l   結果如下:



Web(3) HTML +Java Script 的HELLO WORLD

做一個簡單的"Hello world"程式。
結果如下:



Web(3) HTML +Java Script 的HELLO WORLD with Input Tag

Sample code 如下:
<html>
 <head>
<script type='text/javascript'>
function buttonClickHandler() {
        var userName = document.getElementById("nameInput").value;
        var greetingString = "Hello, " + userName + "!";
        document.getElementById("greetingOutput").innerText = greetingString;
}
</script>
 </head>

2014年6月16日 星期一

Web(2):HTML + CSS 的HELLO WORLD

<!--
XML 元素指的是從(且包括)開始標籤直到(且包括)結束標籤的部分。
元素可包含其他元素、文本或者兩者的混合物。元素也可以擁有屬性。
-->

l   Sample code 如下:
<html>
 <head>
  <style type="text/css">
   h1
   {
    font-family:Verdana, Arial;
    font-size:60px;
    margin-left:30px;
    color: red;
    display: block;
   }
  </style>
 </head>
 <body>
   <h1>Hello World!</h1>
 </body>
</html>

結果如下:



WEB(1):HTML的HELLO WORLD

html的註解方式<!--註解文字 -->
HTML 的註解是由角括號 < 開始,然後一個驚嘆號 ! ,接著兩個連續的破折號 -- ,接著是註解內容,結尾則是兩個連續的破折號 -- ,最後角括號 > 結束,例如
<!-- comment -->
註解可以是多行的,例如
<!-- <!DOCTYPE> 聲明位於文檔中的最前面的位置,處於 <html> 標籤之前。此標籤可告知流覽器文檔使用哪種 HTML XHTML 規範。
-->