建站
咨詢
售后
建站咨詢
新聞中心
HTML 即超文本標(biāo)記語(yǔ)言，是目前應(yīng)用最為廣泛的語(yǔ)言之一，是組成一個(gè)網(wǎng)頁(yè)的主要語(yǔ)言。在現(xiàn)今這個(gè) HTML5 華麗麗地占領(lǐng)了整個(gè)互聯(lián)網(wǎng)的時(shí)候，如果想要通過(guò)網(wǎng)頁(yè)抓住瀏覽者的眼球光靠因循守舊是不行的，程序猿們需要掌握一些必須知道的 HTML 常用代碼，因?yàn)橹挥惺煜ふ莆樟顺Ｓ玫?HTML 代碼，程序猿們?cè)诰帉?xiě)網(wǎng)頁(yè)的時(shí)候才可以做到流暢美觀，用細(xì)膩的思維和創(chuàng)意的細(xì)節(jié)效果打動(dòng)并留住網(wǎng)頁(yè)瀏覽者。
創(chuàng)新互聯(lián)建站是一家專注于成都做網(wǎng)站、成都網(wǎng)站建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)與策劃設(shè)計(jì),甘孜州網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:甘孜州等地區(qū)。甘孜州做網(wǎng)站價(jià)格咨詢:13518219792
HTML+CSS 代碼
文本設(shè)置
| font-size | 字號(hào)大小 |
| font-style | 字體格式 |
| font-weight | 字體粗細(xì) |
| color | 文本顏色 |
提示:注意使用網(wǎng)頁(yè)安全色.
超鏈接設(shè)置
| text-decoration | 參數(shù) |
| underline | 為文字加下劃線 |
| overline | 為文字加上劃線 |
| line-through | 為文字加刪除線 |
| blink | 使文字閃爍 |
| none | 不顯示上述任何效果 |
背景
| background-color | 設(shè)置背景色 | |
| 背景圖片 | background-image: url(URL) | URL就是背景圖片的存放路徑，none表示無(wú)。 |
| 背景圖片重復(fù) | background-repeat: 參數(shù) | |
| 參數(shù)取值范圍 | ||
| no-repeat | 不重復(fù)平鋪背景圖片 | |
| repeat-x | 使圖片只在水平方向上平鋪 | |
| repeat-y | 使圖片只在垂直方向上平鋪 | 如果不指定背景圖片重復(fù)屬性，瀏覽器默認(rèn)的是背景圖片向水平和垂直兩個(gè)方向平鋪 |
| 背景圖片固定 | background-attachment: 參數(shù) | |
| 參數(shù)取值范圍 | fixed：網(wǎng)頁(yè)滾動(dòng)時(shí)，背景圖片相對(duì)于瀏覽器的窗口而言，固定不動(dòng) | scroll：網(wǎng)頁(yè)滾動(dòng)時(shí)，背景圖片相對(duì)于瀏覽器的窗口而言，一起滾動(dòng) |
區(qū)塊
| 單詞間距 | word-spacing | |
| 字母間距 | letter-spacing | |
| 文本對(duì)齊 | text-align | |
| 參數(shù)的取值 | left：左對(duì)齊 right：右對(duì)齊 justify：相對(duì)左右兩端對(duì)齊 | |
| 垂直對(duì)齊 | vertical-align | |
| 參數(shù) | top：頂對(duì)齊 bottom：底對(duì)齊 text-top：相對(duì)文本頂對(duì)齊 text-bottom：相對(duì)文本底對(duì)齊 baseline：基準(zhǔn)線對(duì)齊 middle：中心對(duì)齊 sub：以下標(biāo)的形式顯示 super：以上標(biāo)的形式顯示 | |
| 文本縮進(jìn) | text-indent: 縮進(jìn)距離 | |
| 顯示樣式 | display | block：塊級(jí)元素，在對(duì)象前后都換行 inline：在對(duì)象前后都不換行 list-item：在對(duì)象前后都換行，增加了項(xiàng)目符號(hào) none：無(wú)顯示 |
方框
| height | 高度 |
| width | 寬度 |
| padding | 內(nèi)邊距 |
| margin | 外邊距 |
| float（浮動(dòng)） | 可以讓塊級(jí)元素在一行中排列，例如橫向菜單。 |
| clear | 清除浮動(dòng) |
邊框
| 樣式 | border style | none：無(wú)邊框 dotted：邊框?yàn)辄c(diǎn)線 dashed：邊框?yàn)殚L(zhǎng)短線 solid：邊框?yàn)閷?shí)線 double：邊框?yàn)殡p線 |
| 寬度 | border width | |
| 顏色 | border color |
列表
| list-style-type | 列表樣式 | 不同瀏覽器的列表符可能不相同，可能會(huì)影響到網(wǎng)頁(yè)，所以網(wǎng)頁(yè)中的列表大多都是由背景圖片顯示 |
鼠標(biāo)
| cursor | 鼠標(biāo)形狀參數(shù) | style="cursor:hand" 手形 style="cursor:crosshair" 十字形 style="cursor:text" 文本形 style="cursor:wait" 沙漏形 style="cursor:move" 十字箭頭形： style="cursor:help" 問(wèn)號(hào)形 style="cursor:e-resize" 右箭頭形 style="cursor:n-resize" 上箭頭形 style="cursor:nw-resize" 左上箭頭形 style="cursor:w-resize" 左箭頭形 style="cursor:s-resize" 下箭頭形 style="cursor:se-resize" 右下箭頭形 style="cursor:sw-resize" 左下箭頭形 |
HTML常用代碼之：結(jié)構(gòu)性定義
| 文件類型 | 放在檔案的開(kāi)頭與結(jié)尾 | |
| 文件主題 | 必須放在「文頭」區(qū)塊內(nèi) | |
| 文頭 | 描述性資料，像是「主題」 | |
| 文體 | 文件本體 | |
| 標(biāo)題 | 從1到6，有六層選擇 | |
| 標(biāo)題的對(duì)齊 | | |
| 區(qū)分 | ||
| 區(qū)分的對(duì)齊 | ||
| 引文區(qū)塊 | ||
| 強(qiáng)調(diào) | 通常會(huì)以斜體顯示 | |
| 特別強(qiáng)調(diào) | 通常會(huì)以加粗顯示 | |
| 引文 | 通常會(huì)以斜體顯示 | |
| 碼 | 顯示原始碼之用 | |
| 樣本 | ||
| 鍵盤(pán)輸入 | ||
| 變數(shù) | ||
| 定義 | 有些瀏覽器不提供 | |
| 地址 | ||
| 大字 | ||
| 小字 | ||
| 加粗 | ||
| 斜體 | ||
| 底線 | ||
| 刪除線 | | |
| 下標(biāo) | ||
| 上標(biāo) | ||
| 打字機(jī)體 | ||
| 預(yù)定格式 | ||
| 向中看齊 | 文字與圖片都可以 | |
| 閃耀 | 有史以來(lái)最被嘲弄的標(biāo)簽 |
HTML常用代碼之：常常會(huì)遇到的問(wèn)題
點(diǎn)擊關(guān)閉窗口
實(shí)例
嘗試一下 ?
請(qǐng)問(wèn)如何去掉主頁(yè)右面的滾動(dòng)條？
實(shí)例
嘗試一下 ?
使用
實(shí)例
嘗試一下 ?
如何在不刷新頁(yè)面的情況下刷新css?
實(shí)例
嘗試一下 ?
請(qǐng)問(wèn)如何讓網(wǎng)頁(yè)自動(dòng)刷新？
實(shí)例
方法一，用refresh
HTML 代碼片段如下:
3表示刷新時(shí)間
方法二，使用setTimeout控制
嘗試一下 ?
如何讓超鏈接沒(méi)有下劃線
實(shí)例
嘗試一下 ?
如何用html實(shí)現(xiàn)瀏覽器上后退按鈕的功能？
實(shí)例
嘗試一下 ?
HTML常用代碼之：你不一定知道的技巧
實(shí)例
onselectstart="return false" 取消選取 onpaste="return false" 不準(zhǔn)粘貼 oncopy="return false;" 防止復(fù)制 oncut="return false;"> 防止剪切 嘗試一下 ? 嘗試一下 ? 嘗試一下 ? 嘗試一下 ? 嘗試一下 ? 嘗試一下 ? 或者 嘗試一下 ? 怎樣讓表單沒(méi)有凹凸感？ 永遠(yuǎn)都會(huì)帶著框架
實(shí)例
防止被人frame.
實(shí)例
網(wǎng)頁(yè)將不能被另存為
實(shí)例
查看網(wǎng)頁(yè)源代碼
實(shí)例
刪除時(shí)確認(rèn)
實(shí)例
網(wǎng)頁(yè)不會(huì)被緩存
實(shí)例
實(shí)例
嘗試一下 ?
怎樣去掉圖片鏈接點(diǎn)擊后，圖片周?chē)奶摼€？
實(shí)例
嘗試一下 ?
電子郵件處理提交表單
實(shí)例
嘗試一下 ?
在打開(kāi)的子窗口刷新父窗口的代碼里如何寫(xiě)？
實(shí)例
window.opener.location.reload()
如何設(shè)定打開(kāi)頁(yè)面的大小
實(shí)例
//打開(kāi)頁(yè)面的位置嘗試一下 ?
在頁(yè)面中,如何加入不是滿鋪的背景圖片,拉動(dòng)頁(yè)面時(shí)背景圖不動(dòng)
實(shí)例
body {background-image:url(logo.gif);
background-repeat:no-repeat;
background-position:center;
background-attachment: fixed}
嘗試一下 ?
檢查一段字符串是否全由數(shù)字組成
實(shí)例
嘗試一下 ?
獲得一個(gè)窗口的大小
實(shí)例
document.body.clientWidth;
document.body.clientHeight;
怎么判斷是否是字符
實(shí)例
if (/[^/x00-/xff]/g.test(s)) alert("含有漢字");
else alert("全是字符");
TEXTAREA自適應(yīng)文字行數(shù)的多少
實(shí)例
嘗試一下 ?
日期減去天數(shù)等于第二個(gè)日期
實(shí)例
選擇了哪一個(gè)Radio
實(shí)例
嘗試一下 ?
腳本永不出錯(cuò)
實(shí)例
嘗試一下 ?
ENTER鍵可以讓光標(biāo)移到下一個(gè)輸入框
實(shí)例
HTML 特殊符號(hào)編碼對(duì)照表
| 特殊符號(hào) | 命名實(shí)體 | 十進(jìn)制編碼 | 特殊符號(hào) | 命名實(shí)體 | 十進(jìn)制編碼 | 特殊符號(hào) | 命名實(shí)體 | 十進(jìn)制編碼 |
| Α | Α | Α | Β | Β | Β | Γ | Γ | Γ |
| Δ | Δ | Δ | Ε | Ε | Ε | Ζ | Ζ | Ζ |
| Η | Η | Η | Θ | Θ | Θ | Ι | Ι | Ι |
| Κ | Κ | Κ | Λ | Λ | Λ | Μ | Μ | Μ |
| Ν | Ν | Ν | Ξ | Ξ | Ξ | Ο | Ο | Ο |
| Π | Π | Π | Ρ | Ρ | Ρ | Σ | Σ | Σ |
| Τ | Τ | Τ | Υ | Υ | Υ | Φ | Φ | Φ |
| Χ | Χ | Χ | Ψ | Ψ | Ψ | Ω | Ω | Ω |
| α | α | α | β | β | β | γ | γ | γ |
| δ | δ | δ | ε | ε | ε | ζ | ζ | ζ |
| η | η | η | θ | θ | θ | ι | ι | ι |
| κ | κ | κ | λ | λ | λ | μ | μ | μ |
| ν | ν | ν | ξ | ξ | ξ | ο | ο | ο |
| π | π | π | ρ | ρ | ρ | ? | ς | ς |
| σ | σ | σ | τ | τ | τ | υ | υ | υ |
| φ | φ | φ | χ | χ | χ | ψ | ψ | ψ |
| ω | ω | ω | ? | ϑ | ϑ | ? | ϒ | ϒ |
| ? | ϖ | ϖ | ? | • | • | … | … | … |
| ′ | ′ | ′ | ″ | ″ | ″ | ￣ | ‾ | ‾ |
| ? | ⁄ | ⁄ | ? | ℘ | ℘ | ? | ℑ | ℑ |
| ? | ℜ | ℜ | ? | ™ | ™ | ? | ℵ | ℵ |
| ← | ← | ← | ↑ | ↑ | ↑ | → | → | → |
| ↓ | ↓ | ↓ | ? | ↔ | ↔ | ? | ↵ | ↵ |
| ? | ⇐ | ⇐ | ? | ⇑ | ⇑ | ? | ⇒ | ⇒ |
| ? | ⇓ | ⇓ | ? | ⇔ | ⇔ | ? | ∀ | ∀ |
| ? | ∂ | ∂ | ? | ∃ | ∃ | ? | ∅ | ∅ |
| ? | ∇ | ∇ | ∈ | ∈ | ∈ | ? | ∉ | ∉ |
| ? | ∋ | ∋ | ∏ | ∏ | ∏ | ∑ | ∑ | − |
| ? | − | − | ? | ∗ | ∗ | √ | √ | √ |
| ∝ | ∝ | ∝ | ∞ | ∞ | ∞ | ∠ | ∠ | ∠ |
| ∧ | ∧ | ⊥ | ∨ | ∨ | ⊦ | ∩ | ∩ | ∩ |
| ∪ | ∪ | ∪ | ∫ | ∫ | ∫ | ∴ | ∴ | ∴ |
| ～ | ∼ | ∼ | ? | ≅ | ≅ | ≈ | ≈ | ≅ |
| ≠ | ≠ | ≠ | ≡ | ≡ | ≡ | ≤ | ≤ | ≤ |
| ≥ | ≥ | ≥ | ? | ⊂ | ⊂ | ? | ⊃ | ⊃ |
| ? | ⊄ | ⊄ | ? | ⊆ | ⊆ | ? | ⊇ | ⊇ |
| ⊕ | ⊕ | ⊕ | ? | ⊗ | ⊗ | ⊥ | ⊥ | ⊥ |
| ? | ⋅ | ⋅ | ? | ⌈ | ⌈ | ? | ⌉ | ⌉ |
| ? | ⌊ | ⌊ | ? | ⌋ | ⌋ | ? | ◊ | ◊ |
| ♠ | ♠ | ♣ | ♣ | ♥ | ♥ | |||
| ♦ | ♦ | ? | ¡ | ¡ | ||||
| ￠ | ¢ | ¢ | ￡ | £ | £ | ¤ | ¤ | ¤ |
| ￥ | ¥ | ¥ | | | ¦ | ¦ | § | § | § |
| ¨ | ¨ | ¨ | ? | © | © | a | ª | ª |
| ? | « | « | ? | ¬ | ¬ | - | | |
| ? | ® | ® | ˉ | ¯ | ¯ | ° | ° | ° |
| ± | ± | ± | 2 | ² | ² | 3 | ³ | ³ |
| ′ | ´ | ´ | μ | µ | µ | " | " | " |
| < | < | < | > | > | > | ' | ' |
分享題目：創(chuàng)新互聯(lián)HTML教程：HTML+CSS 代碼
URL地址：http://m.5511xx.com/article/cdohipj.html
