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 虛線