5月10日 國二作業

Table of Contents

1 HTML 基本格式 (請按空白鍵翻下一頁)

<html>  <head>
<title>基本的 HTML CSS Javascript </title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>

<!-- CSS 放在 <style> </style> 中間 -->
<style>

</style>
</head>

<!-- HTML 主要內容在 <body> </body> 中間 -->
<body>

</body>

<!--JavaScript (JS) 放在 <script> </script> 內-->
<script>

</script>
</html>

2 在文字外圍加框

請將下列各區塊填入上一頁"HTML 基本格式"的適當位置,成功後要交作業,檔名要有自己的姓名和"加框":

#######################################
<style> 
#borderimg { 
    border: 10px solid transparent;
    padding: 15px;
    -webkit-border-image: url(http://aeae.tv/CCR/img/border.png) 30 round; /* Safari 3.1-5 */
    -o-border-image: url(border.png) 30 round; /* Opera 11-12.1 */
    border-image: url(border.png) 30 round;
}
</style>


#######################################

<body>

<p>這個作業做好後,要用Google Chrome 開,下一個段落會有邊框出現:</p>
<p id="borderimg">這一個段落會有邊框出現,這一個段落會有邊框出現,這一個段落會有邊框出現,這一個段落會有邊框出現,這一個段落會有邊框出現,這一個段落會有邊框出現。</p>

<p>下面是原圖</p><img src="http://aeae.tv/CCR/img/border.png">


</body>

#######################################

Created: 2017-05-09 Tue 21:08

Emacs 25.1.1 (Org mode 8.2.10)

Validate