分享

HTML Day1


******HTML: 標記語言******
標記:<文本> <html>
單標籤: <img/>
標籤對: <html> </html> 
文本: 顯示文字
超文本:顯示文字、音樂、影音
範例:
<html>
   <head>
          <title>hi Benny</title>
   </head>
   <body>
       hello everybody
   </body>
</html> 
******CSS : 層疊樣式表******
加入
<div   style="width: 100px; height:100px; background:red;"></div>
******javascript******
加入 JS後點擊紅色區域可以跟變改寬度
<div onclick="this.style.width='200px';"  style="width: 100px; height:100px; background:red;"></div>
HTML 基本結構
<!--注釋 快捷鍵 ctr + / -->
<!-- 開頭檔-->
<!DOCTYPE html>   
<!--網頁正式內容 -->
<html>
        <head>
<!-- 編碼類型 -->
        <meta charset=UTF-8>
  <!-- UTF-8:國際通用字庫(一個中文字 三個字節) GB2312(GBK):中國字庫 (一個中文字 兩個字節)-->
        <title>Hi Benny</title>
        <!--身體-->
       </head>
       <body>Hello !<body>
</html>
************************************************
<!-- 常用標籤 -->
***********************************
列表
<!DOCTYPE html>   
<!--網頁正式內容 -->
<html>
        <head>
          <!-- 編碼類型 -->
        <meta charset=UTF-8> 
        <title>常用標籤</title>
       </head>
       <body>
                <ol type="a" start="5">
                   <li></li>
                   <li></li>
                   <li></li>
                   <li></li> 
               </ol>
       <body>
</html>
<!-- 自定義-->
<dl>
   <dt>HTML</dt>
    <dd>超文本</dd>
</dl>
<!-- 超鏈接  targe="打開方式"  _self 當前窗口 , _blank 新建窗口 -->
              <br/>
              <a href="https://www.google.com" target="_blank">google</a>
              <br/>
分類:學習

評論
上一篇
  • 下一篇
  • [Rails] [note]Routes 設計複雜的URL
  • 更多文章
    載入中... 沒有更多了