日常筆記之HTML入門

HTML的基礎知識


1.八個基礎單詞:

html    標記標

head   頭部

body   身體

title     標題

img     圖片

href      網址

target   目標 

blank    空白


2.聲明網頁結構

<html>
    <head>
        <title>網頁的標題</title>
    </head>
    <body>
            內容
    </body>
</html>

3.基本標籤

1.標題標籤(6個級別):<h1></h1>、<h2></h2>、<h3></h3>、<h4></h4>、<h5></h5>、<h6></h6>

2.段落標籤 :<p></p>

3.超鏈接標籤: <a href="網址" target="_blank">內容</a>

4.圖片標籤:<img src="圖片的地址" />

5.強制換行標籤:<br />


4.表單

作用:獲取用戶的輸入

1.   必須用form標籤包着    <form></form>

2.   元素    <input type="類型" value="初始值"/>

    文本框  <input type="text" value="初始值"/>

    密碼框  <input type="password" />

    提交框  <input type="submit" value="初始值"/>

    重置框  <input type="reset" value="初始值"/>

服務器地址?  

       放在form標籤的action屬性裏面   <form action="服務器地址"></form>

對應的名字?

       元素的name屬性裏面   <imput type="" value="" name="名字"/>

3.   網頁分塊標籤

   <div align="right"></div>

   <div align="center"></div>

   <div align="left"></div>

4.   樣式

      樣式語法    樣式名:值;

寫樣式的時候就要先寫style屬性,樣式是放在style屬性裏面的

     <p style="樣式名:值;樣式名:值;...;"></p>

     <a href="" target="" style="樣式名:值;樣式名:值;...;"></a>

     <img src="" style="樣式名:值;樣式名:值;...;" />

    樣式的效果:

       字體大小     font-size:值;

       字體顏色     color:值;

       寬度             width:值;

       高度             height:值;

       間距             margin-方向:值;      方向:上 top   下 bottom   左 left   右right

       背景顏色      background-color:值;

       邊框             border:顏色 粗細 形狀;      solid 實線     dashed 虛線

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章