、新建項目

1、新建===web項目===輸入項目名稱====完成

二、新建html文件

在新建項目中新建html模板

輸入文件名稱：

三、認識基本格式

聯想出基本格式：

四、編輯html文件

運行html，選擇瀏覽器

五、html常用的快捷鍵

（1）ctrl+n+w web項目創建

（2）ctrl+n+h html文檔創建

（3）ctrl+s 保存html頁面（頁面上如果未保存會顯示*號）

（4）ctrl+r html運行
（5）ctrl+z 撤回
（6）！+tab鍵 聯想基本格式
（7）ctrl+/ 注釋和取消注釋

（8）ctrl+鼠標滾輪， 字體方大和縮小

六、認識標簽

（1）H標簽（標題標簽）

（2）p標簽 （段落標簽）

（3）img 標簽（圖片標簽）
兩種：第一種widows上傳圖片，第二種：網上圖片鏈接

第一種

img中顯示圖片

img中引入圖片

第二種：網上圖片的鏈接：

（4） 標簽（空格）

（5）em 標簽表示斜體

（6）i 標簽表示斜體

（7）br 表示換行

（8）b 標簽表示加粗

（9） strong 標簽表示加粗

（10）s 標簽（刪除線）

（11）u 標簽 （下劃線）

（12）font 顏色

（13）sub下標
（14）sup上標

TML是超文本標記語言。

web標準是由W3C和其它標準化組織制成集合。

web標準的構成

結構（對網頁元素進行整理和分類-HTML）

表現（設置網頁元素的版式，顏色，大小等外觀樣式-CSS）

行為（模型的定義及交互的表現-JS）

HTML常用標簽

加粗:<strong>和<b>

傾斜：<em>和<i>

刪除線：<del>和<s>

下劃線：<ins>和<u>

<div>分割分區<span>跨度跨距

圖片標簽<img/>

屬性: src圖片路徑

alt替換文本，圖片無法正常顯示

title提示文本，鼠標放到圖像顯示

width寬度，height高度（只需要修改其中一個）

border邊框（無需單位直接寫數值）

注意：

①圖像標簽可以擁有多個屬性，必須寫在標簽名后面

②屬性之前不分先后順序，標簽名與屬性，屬性與屬性之間需要空格分開

③屬性采取鍵值對的格式

相對路徑：以引用文件所在位置為參考基礎

（同一級路徑，下一級路徑/，上一級路徑../）

絕對路徑：從盤符開始的路徑（\）

常用屬性

img ——vspace垂直邊距 ，hspace水平邊距 align對齊

details,summary，鼠標點擊時顯示或隱藏

mark 文本中高亮顯示，和strong相似

cite 用于引用標記，斜體顯示

draggable true選中后可以拖動操作

font定義 font-style font-weight font-size/line-height font-family 順序不能改變

word-wrap break-word長單詞或url地址自動換行

letter-spacing字間距

word-spacing單詞間距

line-height行間距

text-decorantion文本裝飾unline下劃線，overline上劃線，line-through刪除線

text-indent 2em 首行縮進兩個字符

white-space空白符處理 pre

box-sizing:content-box當widthh和height的時候不包括margin和panding

更換圖層位置，z軸偏移z-index:-10

align-items:center居中對齊

align-self:center

超鏈接標簽<a>

href鏈接目標地址

target鏈接頁面打開的方式（_self當前窗口打開,_blank新窗口中打開方式）

外部鏈接，內部鏈接，空鏈接，下載鏈接，網頁元素鏈接，錨點鏈接（快速定位到頁面的某個位置- 添加id屬性）

去除超鏈接樣式:text-decoration:none

特殊字符

空格符 &nbsp;

小于號&lt; 大于號&gt;

表格標簽

align對齊方式

bolder表格邊框

cellpadding單元格與內容之間空白

cellspacing單元格與單元格之前空白

合并單元格：rowspan colspan

列表標簽

無序列表：ul li

有序列表：ol li

自定義列表：dl dt dd

表單標簽

完整表單：表單域<form>，表單控件，提示信息

<form>

——action（指定接受并處理表單數據的服務器程序的url地址）

——method（get/post設置表單數據的提交方式）

——name（指定表單名稱）

<input>輸入元素

type屬性：button（點擊按鈕）checkbox（復選框）file（輸入字段和“瀏覽”按鈕）hidden（隱藏輸入字段）image（圖片形式提交按鈕）password（密碼字段）radio（單選按鈕）reset（重置按鈕）sumbit（提交按鈕）text（單行輸入字段，默認20個字符）

name屬性：（相同的名字——單選框和復選框）區別不同表單元素

value屬性：定義input元素值

checked屬性：頁面首次加載是否選中

maxlength屬性：輸入字段的最大值

<lable>標簽

用于綁定一個表單元素，當點擊<lable>標簽內的文本時，瀏覽器會自動將焦點轉到或者選擇對應的表單元素上，用來增加用戶體驗。

<lable>標簽的for屬性與相關元素的id屬性相同

<select>下拉列表元素

-<option>

-selected="selected"默認選中

<textarea>文本域

-cols rows （每行每列字數）