什麼是html
超文本標記語言。
超文本:比普通文本功能更加強大
標記語言:使用一組標籤對內容進行描述的一門語言,他不是編程語言!
爲什麼要學習html?
html怎麼使用?
語法和規範:
- 所有html文件後綴名都是以.html或者.htm結尾,建議使用.html結尾。
- 整個html文件分別由頭部分《head></head>和體部分<body></body>組成
- html標籤都是有開始標籤和結束標籤組成<br/>
- html標籤忽略大小寫的,建議大家使用小寫
HTML相關標籤學習
標題標籤
- 標題標籤使用<hn></hn>,n從1到6逐漸變小
- 註釋:<!--撒斷開連接>
- 添加水平線<hr /> size()、
段落標籤
- <p></p>
字體標籤
- <font></font>
- <font color="red" size="(1-7)" face="">學習html</font>
- 、、、顏色、、、大小、、、、字體、、
- 必須結合其屬性才能具備一定的樣式效果。
- 設置顏色(可以是英文也可以是十六進制)
- 設置字體:face(那些字體必須是你本機已經有的)
- 設置大小:size(1-7。超過七按七來顯示)
加粗標籤
- <b></b>
斜體
- <i></i>
網站圖片信息顯示頁面
圖片標籤
<img src="s " width="150px" height="30px" alt=""/>
src:圖片名路徑名
- 絕對路徑:帶有盤符
- 相對路徑
- 如果是同級,直接寫文件名稱或./文件名稱
- 如果是上一級:../文件名稱(如果是多層,那麼多寫幾個../)
- 如果是下一級:寫目錄名稱/文件名稱
width:寬度
height:高度
alt:當圖片無法正常顯示給出提示信息。
../當前這個文件的上一級
../img/login.
png
表格標籤<table ></table>
網站友情鏈接
列表標籤
有序列表:<ol>
- 屬性type有5個取值,start起始位置,reverse倒序
無序列表:<ul>
- 屬性:type有3個取值(小圓圈、小方塊)
超鏈接標籤
- <a href="#" target="">點我</a>
- #代表頁面不發生跳轉
網站顯示信息
表格標籤
<table>
<tr>
<td></td>
</tr>
</table>
屬性:
- 邊框:border
- 寬度:width
- 高度:height
- 背景顏色:bgcolor
- 邊框與邊框的間隔:cellspacing
- 邊框與內容的間隔:cellpadding
- 居中顯示:align
網站後臺管理系統
框架集結構標籤
<frameset><!--將頁面進行劃分-->
</frameset>
屬性
- cols:進行垂直切割劃分,可以切割爲任意的塊
- rows:水平切割,(參數的值相加=100%,其中一塊可以用*表示)
- 一旦劃分區域之後,我們需要對具體的區域內容的填充,此時需要使用<frame></frame>標籤
屬性
- Src:指定該區域顯示的文件(路徑)
- name:它通常會結合超鏈接的target