html 前端總結

一、web與HTML的基本介紹

1.HBuilder 工具使用(百度搜尋下載下傳就可以）

！！！所有雙引号都是英文的！！！

段落标簽：p 他也是一個雙标簽 換行标簽：br 他是一個單标簽

空格符号：&nbsp ;

二、.圖檔标簽：img 他是一個單标簽 <img/ > 标簽使用：< img src = “”/> 在這個文法中 width = “300px” （寬度） height = “200px”（高度） title = “給圖檔設定一個标題” alt = “當圖檔沒有加載過來，或沒有顯示的時候

3.超連結标簽：a 他是一個雙标簽 < /a>

文法： < a href=”

http://www.baidu.com

”>百度

三、路徑分為兩種 【1：絕對路徑 2：相對路徑】

1.相對路徑：分為同級路徑、上級路徑、下級路徑

2.同級路徑： < img src = “test.jpg” />

3.下級路徑： < img src=”img/test.jpg” />

4.上級路徑： < img src = “…/test.jpg” />

四、表單的标簽叫form 是一個雙标簽 叫做表單域

< form action=" " method= " ">

1.使用者名： < input type=”text” name=”username” />

2.密碼框： < input type=”password” name=”password” />

3.注冊：< input type=”submit” value=”注冊”/>

4.單選框：< input type = “radio” name=”sex”/> 男

5.複選框：< input type = “checkbox” />

6.文本域：< textarea name=”” rows=”設定多少行” cols=”設定多少列” /> (使用者發文章發論壇)

7.下拉菜單：< select name=“city”>

文法：< option name=BJ>北京

< option name=TJ>天津

< option name=SD>山東

8.重置按鈕：< input type=“reset” />

9.普通按鈕：< input type=“button” value=“普通按鈕” />