HTML+CSS基礎01

一下都是隨機學習，不分排名前後（這些當初很久以前就學習了但是完全達不到美工那樣熟練 所以又開始重新學習一遍來提高自己）東西比較基礎，適合新手

1：初學者一般都會講css寫到html裏面的<style type="text/css">裏面 後期項目比較大的時候一般是html和css分開的。

這時候需要引用CSS，引用的方法是在HTML裏面 <link rel="stylesheet" href="URL"/>  位置一般在<title>標籤下面。

2：CSS寫法  在HTML中寫的方法是<style type="text/css"> </style>中間就可以   裏面寫的內容 在HTML中寫了ID的 在CSS中要帶#號如下所示 一般直接寫 不需要帶#

<style type="text/css">
       #h1{
               color:#0000;
      }
    </style>

<h1>You are my heart.<h1>

這兩種寫法都是一樣的 一種是帶ID 一種是不帶的 帶ID的好處 以後出現大量重複的時候  ID是不重複的 所以這樣寫

<style type="text/css">
       #fd_con2{
               color:#0000;
      }
    </style>

<h1 id="fd_con2">You are my heart.<h1>

3：img 標籤 如下  src是路徑 alt是不管什麼原因顯示失敗以後就會顯示的文字  title 是你鼠標掃過去的時候提示的問題

<img id="img1" src="Image/bigIm/2.jpg" alt="圖片加載失敗" title="頭像圖片">

4:這個是 from表單 用來提交參數的 我在裏面寫了一個table表單

這裏面要注意的有幾點

• input是輸入框 type是選擇類型 用戶名下面的input type是 文本輸入  輸入的都可以看到。  密碼下面的input，type 也就是類型 是password 密碼的意思 這是看不到
• type中 submit 是提交的意思   reset 是重置 就是 你點擊以後 所有的 輸入框就清空了 

<form method="post" action="Test.html">
            <table>
                <caption>登陸</caption>
                <tr>
                    <td id="user"><label for="username">用戶名：</label></td>
                    <td><input type="text" name="username" /></td>
                </tr>
                <tr>
                    <td id="user"><label for="password">密  碼：</label></td>
                    <td><input type="password" name="password" /></td>
                </tr>
                <tr>
                    <td><input type="submit" value="確定" /></td>
                    <td><input type="reset" value="重置" /></td>
                </tr>
            </table>
        </form>

Copyright © 1996-2016, Dodlge, All Rights Reserved