html+css

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 裏又可以分爲行與列
&lt;tr&gt; 表示行 '<td>' 表示列
例:
<table border="1" width="100%">

編號姓名 1張三 2李四 與``類似的'',他們都是代表一列,但''其中的文本默認是居中並加粗 簡寫 table[border=1] [width=100%]>tbody>tr*2>td*2 同時生成thead和tbody 需要用() 把他們分組,平級的用+連在一起 table>(thead>tr>td*3)+(tbody>tr*4>td*3) 行1列1 conlspan用來合併行 2:代表合併2行 行1列1 rowspan用來合併列 ## 表單標籤 ``` 文本框 密碼框 單選, name取值相同的爲一組 checked表示默認值爲 複選, name取值相同的爲一組 普通按鈕 重置按鈕 提交按鈕

Ctrl+Enter 發佈

發佈

取消