整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
TML 文本格式化
加粗文本
斜體文本
電腦自動(dòng)輸出
這是 下標(biāo) 和 上標(biāo)
HTML 格式化標(biāo)簽
HTML 使用標(biāo)簽<b> 與<i> 對(duì)輸出的文本進(jìn)行格式, 如：粗體 or 斜體
這些HTML標(biāo)簽被稱為格式化標(biāo)簽（請(qǐng)查看底部完整標(biāo)簽參考手冊(cè)）。
| 通常標(biāo)簽 <strong> 替換加粗標(biāo)簽 <b> 來使用, <em> 替換 <i>標(biāo)簽使用。然而，這些標(biāo)簽的含義是不同的：<b> 與<i> 定義粗體或斜體文本。<strong> 或者 <em>意味著你要呈現(xiàn)的文本是重要的，所以要突出顯示。現(xiàn)今所有主要瀏覽器都能渲染各種效果的字體。不過，未來瀏覽器可能會(huì)支持更好的渲染效果。 |
在線實(shí)例
文本格式化
此例演示如何在一個(gè) HTML 文件中對(duì)文本進(jìn)行格式化
預(yù)格式文本
此例演示如何使用 pre 標(biāo)簽對(duì)空行和空格進(jìn)行控制。
"計(jì)算機(jī)輸出"標(biāo)簽
此例演示不同的"計(jì)算機(jī)輸出"標(biāo)簽的顯示效果。
地址
此例演示如何在 HTML 文件中寫地址。
縮寫和首字母縮寫
此例演示如何實(shí)現(xiàn)縮寫或首字母縮寫。
文字方向
此例演示如何改變文字的方向。
塊引用
此例演示如何實(shí)現(xiàn)長(zhǎng)短不一的引用語。
刪除字效果和插入字效果
此例演示如何標(biāo)記刪除文本和插入文本。
HTML 文本格式化標(biāo)簽
| 標(biāo)簽 | 描述 |
|---|---|
| <b> | 定義粗體文本 |
| <em> | 定義著重文字 |
| <i> | 定義斜體字 |
| <small> | 定義小號(hào)字 |
| <strong> | 定義加重語氣 |
| <sub> | 定義下標(biāo)字 |
| <sup> | 定義上標(biāo)字 |
| <ins> | 定義插入字 |
| <del> | 定義刪除字 |
HTML "計(jì)算機(jī)輸出" 標(biāo)簽
| 標(biāo)簽 | 描述 |
|---|---|
| <code> | 定義計(jì)算機(jī)代碼 |
| <kbd> | 定義鍵盤碼 |
| <samp> | 定義計(jì)算機(jī)代碼樣本 |
| <var> | 定義變量 |
| <pre> | 定義預(yù)格式文本 |
HTML 引文, 引用, 及標(biāo)簽定義
| 標(biāo)簽 | 描述 |
|---|---|
| <abbr> | 定義縮寫 |
| <address> | 定義地址 |
| <bdo> | 定義文字方向 |
| <blockquote> | 定義長(zhǎng)的引用 |
| <q> | 定義短的引用語 |
| <cite> | 定義引用、引證 |
| <dfn> | 定義一個(gè)定義項(xiàng)目。 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
、新建項(xiàng)目
1、新建===web項(xiàng)目===輸入項(xiàng)目名稱====完成
二、新建html文件
在新建項(xiàng)目中新建html模板
輸入文件名稱：
三、認(rèn)識(shí)基本格式
聯(lián)想出基本格式：
四、編輯html文件
運(yùn)行html，選擇瀏覽器
五、html常用的快捷鍵
（1）ctrl+n+w web項(xiàng)目創(chuàng)建
（2）ctrl+n+h html文檔創(chuàng)建
（3）ctrl+s 保存html頁面（頁面上如果未保存會(huì)顯示*號(hào)）
（4）ctrl+r html運(yùn)行
（5）ctrl+z 撤回
（6）！+tab鍵 聯(lián)想基本格式
（7）ctrl+/ 注釋和取消注釋
（8）ctrl+鼠標(biāo)滾輪， 字體方大和縮小
六、認(rèn)識(shí)標(biāo)簽
（1）H標(biāo)簽（標(biāo)題標(biāo)簽）
（2）p標(biāo)簽 （段落標(biāo)簽）
（3）img 標(biāo)簽（圖片標(biāo)簽）
兩種：第一種widows上傳圖片，第二種：網(wǎng)上圖片鏈接
第一種
img中顯示圖片
img中引入圖片
第二種：網(wǎng)上圖片的鏈接：
（4） 標(biāo)簽（空格）
（5）em 標(biāo)簽表示斜體
（6）i 標(biāo)簽表示斜體
（7）br 表示換行
（8）b 標(biāo)簽表示加粗
（9） strong 標(biāo)簽表示加粗
（10）s 標(biāo)簽（刪除線）
（11）u 標(biāo)簽 （下劃線）
（12）font 顏色
（13）sub下標(biāo)
（14）sup上標(biāo)
TML是超文本標(biāo)記語言。
web標(biāo)準(zhǔn)是由W3C和其它標(biāo)準(zhǔn)化組織制成集合。
結(jié)構(gòu)（對(duì)網(wǎng)頁元素進(jìn)行整理和分類-HTML）
表現(xiàn)（設(shè)置網(wǎng)頁元素的版式，顏色，大小等外觀樣式-CSS）
行為（模型的定義及交互的表現(xiàn)-JS）
加粗:<strong>和<b>
傾斜：<em>和<i>
刪除線：<del>和<s>
下劃線：<ins>和<u>
<div>分割分區(qū)<span>跨度跨距
圖片標(biāo)簽<img/>
屬性: src圖片路徑
alt替換文本，圖片無法正常顯示
title提示文本，鼠標(biāo)放到圖像顯示
width寬度，height高度（只需要修改其中一個(gè)）
border邊框（無需單位直接寫數(shù)值）
注意：
①圖像標(biāo)簽可以擁有多個(gè)屬性，必須寫在標(biāo)簽名后面
②屬性之前不分先后順序，標(biāo)簽名與屬性，屬性與屬性之間需要空格分開
③屬性采取鍵值對(duì)的格式
相對(duì)路徑：以引用文件所在位置為參考基礎(chǔ)
（同一級(jí)路徑，下一級(jí)路徑/，上一級(jí)路徑../）
絕對(duì)路徑：從盤符開始的路徑（\）
常用屬性
img ——vspace垂直邊距 ，hspace水平邊距 align對(duì)齊
details,summary，鼠標(biāo)點(diǎn)擊時(shí)顯示或隱藏
mark 文本中高亮顯示，和strong相似
cite 用于引用標(biāo)記，斜體顯示
draggable true選中后可以拖動(dòng)操作
font定義 font-style font-weight font-size/line-height font-family 順序不能改變
word-wrap break-word長(zhǎng)單詞或url地址自動(dòng)換行
letter-spacing字間距
word-spacing單詞間距
line-height行間距
text-decorantion文本裝飾unline下劃線，overline上劃線，line-through刪除線
text-indent 2em 首行縮進(jìn)兩個(gè)字符
white-space空白符處理 pre
box-sizing:content-box當(dāng)widthh和height的時(shí)候不包括margin和panding
更換圖層位置，z軸偏移z-index:-10
align-items:center居中對(duì)齊
align-self:center
超鏈接標(biāo)簽<a>
href鏈接目標(biāo)地址
target鏈接頁面打開的方式（_self當(dāng)前窗口打開,_blank新窗口中打開方式）
外部鏈接，內(nèi)部鏈接，空鏈接，下載鏈接，網(wǎng)頁元素鏈接，錨點(diǎn)鏈接（快速定位到頁面的某個(gè)位置- 添加id屬性）
去除超鏈接樣式:text-decoration:none
特殊字符
空格符
小于號(hào)< 大于號(hào)>
表格標(biāo)簽
align對(duì)齊方式
bolder表格邊框
cellpadding單元格與內(nèi)容之間空白
cellspacing單元格與單元格之前空白
合并單元格：rowspan colspan
列表標(biāo)簽
無序列表：ul li
有序列表：ol li
自定義列表：dl dt dd
表單標(biāo)簽
完整表單：表單域<form>，表單控件，提示信息
<form>
——action（指定接受并處理表單數(shù)據(jù)的服務(wù)器程序的url地址）
——method（get/post設(shè)置表單數(shù)據(jù)的提交方式）
——name（指定表單名稱）
<input>輸入元素
type屬性：button（點(diǎn)擊按鈕）checkbox（復(fù)選框）file（輸入字段和“瀏覽”按鈕）hidden（隱藏輸入字段）image（圖片形式提交按鈕）password（密碼字段）radio（單選按鈕）reset（重置按鈕）sumbit（提交按鈕）text（單行輸入字段，默認(rèn)20個(gè)字符）
name屬性：（相同的名字——單選框和復(fù)選框）區(qū)別不同表單元素
value屬性：定義input元素值
checked屬性：頁面首次加載是否選中
maxlength屬性：輸入字段的最大值
<lable>標(biāo)簽
用于綁定一個(gè)表單元素，當(dāng)點(diǎn)擊<lable>標(biāo)簽內(nèi)的文本時(shí)，瀏覽器會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到或者選擇對(duì)應(yīng)的表單元素上，用來增加用戶體驗(yàn)。
<lable>標(biāo)簽的for屬性與相關(guān)元素的id屬性相同
<select>下拉列表元素
-<option>
-selected="selected"默認(rèn)選中
<textarea>文本域
-cols rows （每行每列字?jǐn)?shù)）
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
