1. 什麼是html
hyper 超級 text 文本 markup 標記 language 語言
超文本標記語言,俗稱網頁
2. html 文件結構
以 .html 或 .htm 結尾的文本文件
1) 標籤一般成對出現:<標籤名> </標籤名>
2) 最外層的標籤<html></html>
其它標籤必須在它之內
3) doctype 用來說明html的版本 如:<!DOCTYPE html>
###1 .格式
<html>
<head>
<meta charset="utf-8">
<title>網頁標題</titie>
</head>
<body>
要顯示的內容
</body>
</html>
head標籤主要用來引入外部的樣式和腳本文件, 還可以用來定義編碼和標題
主要的是網頁中與內容無關的部分
body標籤裏放的是要顯示的內容部分
3. 常用標籤
3.1 標題標籤
<h1>...<h6> 標題從1到6,字號依次減小
3.2 段落標籤(正文)
<p> 可以起到內容換行的作用, 普通文本是不會自動換行的
3.3
分隔符 <hr> 不需要結束標籤, 加一道橫線
換行符 <br> 不需要結束標籤, 起到換行的作用
3.4 標籤的屬性: 格式 : 屬性名="屬性值"
可以用來定義標籤的寬、高、顏色等等
3.5 圖片標籤 img
src 屬性代表圖片路徑
更多註釋內容
alt 是圖片訪問不到時的提示文字
width 表示寬度(單位是像素)
height 表示高度(單位是像素)
3.6 超鏈接 a 【重點】
href 屬性 表示跳轉的目標
方式1:兩個網頁之間跳轉:
<a href="目標網頁的地址">超鏈接提示文字</a>
方式2:網頁內跳轉 (錨點)
<a href="#另一個標籤的id值">超鏈接提示文字</a>
方式3:圖片作爲超鏈接
<a href=""> <img src="圖片路徑"> </a>
3.7 列表
有序列表 (order)
<ol>
<li>列表項</li>
</ol>
無序列表 (unorder)
<ul>
<li>列表項</li>
</ul>
3.8表格
<table>
<thead></thead> 頭
<tbody></tbody> 體
<tfoot></tfoot> 腳
</table>
其中 thead, tbody, tfoot 裏又可以分爲行與列<tr>
表示行 '<td>' 表示列
例:
<table border="1" width="100%">