HTML

1.文本標(biāo)簽

- 水平分隔符標(biāo)簽: <hr>
- 預(yù)格式化文本標(biāo)簽(保留文本的原有格式): <pre>文字</pre>
- 將文字設(shè)置為上標(biāo)或下標(biāo): <sup>文字</sup>， <sub>文字</sub>
- 塊引用標(biāo)簽: <blockquote>內(nèi)容</blockquote>（在這個(gè)標(biāo)簽內(nèi)部的元素顯示的時(shí)候都會(huì)向右邊縮一個(gè)單位。）
- 行內(nèi)標(biāo)記：<span>內(nèi)容</span>：<span> 標(biāo)簽被用來組合文檔中的行內(nèi)元素。
  可以為 span 應(yīng)用 id 或 class 屬性，這樣既可以增加適當(dāng)?shù)恼Z義，又便于對(duì) span 應(yīng)用樣式。
- 區(qū)隔標(biāo)記：<div>內(nèi)容</div>：<div> 標(biāo)簽可以把文檔分割為獨(dú)立的、不同的部分。它可以用作嚴(yán)格的組織工具，并且不使用任何格式與其關(guān)聯(lián)。
  注釋：<div> 是一個(gè)塊級(jí)元素，也就是說，瀏覽器通常會(huì)在 div 元素前后放置一個(gè)換行符。
  提示：請(qǐng)使用 <div> 元素來組合塊級(jí)元素，這樣就可以使用樣式對(duì)它們進(jìn)行格式化。

2.圖片標(biāo)簽(img)

<img src="圖片地址"  alt="圖片說明" />
img標(biāo)簽必選屬性：
    src：圖片地址，可以是本地圖片，也可以是其他網(wǎng)頁的圖片
    alt：規(guī)定圖像的替代文本。當(dāng)圖片無法正常顯示的時(shí)候會(huì)顯示這里的文本。
img標(biāo)簽常用屬性：
    height：設(shè)置圖像高度
   width：設(shè)置圖片寬度
    border：圖片邊框的設(shè)置
img標(biāo)簽的所有屬性及其描述：
    http://www.w3school.com.cn/tags/tag_img.asp

3.序列標(biāo)簽

- 標(biāo)簽列表：<li></li>
  <li>標(biāo)簽定義列表項(xiàng)目。
  <li>標(biāo)簽可用在有序列表 (<ol>) 和無序列表 (<ul>) 中。
  常用屬性：type（規(guī)定使用哪種項(xiàng)目符號(hào)。）
- 無序標(biāo)簽：<ul></ul>
- 有序標(biāo)簽：<ol></ol>
可以設(shè)置樣式：text-decoration: none;  ---去掉原有標(biāo)簽的文本裝飾

4.表格標(biāo)簽(table)

表格由 <table> 標(biāo)簽來定義。每個(gè)表格均有若干行（由 <tr> 標(biāo)簽定義），每行被分割為若干單元格（由 <td> 標(biāo)簽定義）。字母 td 指表格數(shù)據(jù)（table data），即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。
    表格的表頭使用 <th> 標(biāo)簽進(jìn)行定義。大多數(shù)瀏覽器會(huì)把表頭顯示為粗體居中的文本。
    表格的邊框?qū)傩詁oeder：設(shè)置表格的邊框。如果不定義邊框?qū)傩?，表格將不顯示邊框。
    單元格邊距cellpadding：設(shè)置表格的內(nèi)邊距，即每個(gè)<td>中的內(nèi)容與<td>格子的距離。
    單元格間距cellspacing：設(shè)置表格的外邊距，即每個(gè)<td>格子之間的距離。
    合并列單元格colspan：合并同一行的某幾列（橫向）
    合并行單元格rowspan：合并同一列的某幾行（縱向）

5.表單標(biāo)簽(form)

HTML 表單用于收集用戶輸入。表單包含許多表單元素，表單元素指的是不同類型的 input 元素、復(fù)選框、單選按鈕、提交按鈕等等。多數(shù)情況下被用到的表單標(biāo)簽是輸入標(biāo)簽（<input>），輸入類型是由類型屬性（type）定義的。

<form>標(biāo)簽常用屬性：
    1.Action 屬性：action 屬性定義在提交表單時(shí)執(zhí)行的動(dòng)作。向服務(wù)器提交表單的通常做法是使用提交按鈕。通常，表單會(huì)被提交到 web 服務(wù)器上的網(wǎng)頁。如果省略 action 屬性，則 action 會(huì)被設(shè)置為當(dāng)前頁面。
    2.Method 屬性：method 屬性規(guī)定在提交表單時(shí)所用的 HTTP 方法（一般為GET 或 POST，默認(rèn)為GET）
    何時(shí)使用 GET？
如果表單提交是被動(dòng)的（比如搜索引擎查詢），并且沒有敏感信息。（當(dāng)您使用 GET 時(shí)，表單數(shù)據(jù)在頁面地址欄中是可見的）。注：GET 最適合少量數(shù)據(jù)的提交。瀏覽器會(huì)設(shè)定容量限制。
    何時(shí)使用 POST？
如果表單正在更新數(shù)據(jù)，或者包含敏感信息（例如密碼）。POST 的安全性更加，因?yàn)樵陧撁娴刂窓谥斜惶峤坏臄?shù)據(jù)是不可見的。

<input>元素常用屬性：
    name 屬性：如果要正確地被提交，每個(gè)輸入字段必須設(shè)置一個(gè)name屬性。name屬性規(guī)定<input>元素的名稱。
    value 屬性：指定<input>元素value的值。
    type 屬性：type屬性規(guī)定要顯示的<input>元素的類型。大多數(shù)經(jīng)常被用到的輸入類型有：

類型	描述
text	定義常規(guī)文本輸入
password	輸入字符不可見，而是以星號(hào)或圓點(diǎn)替代顯示
radio	定義單選按鈕輸入（選擇多個(gè)選擇之一）
checkbox	定義了復(fù)選框. 選取一個(gè)或若干選項(xiàng)
submit	定義提交按鈕（提交表單）
button	定義普通的按鈕

其他類型詳見：http://www.runoob.com/tags/tag-input.html

成都創(chuàng)新互聯(lián)公司是專業(yè)的新鄭網(wǎng)站建設(shè)公司，新鄭接單;提供成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行新鄭網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

6.塊

div與span

1. div是一個(gè)html標(biāo)簽, 一個(gè)塊級(jí)元素(單獨(dú)顯示一行), 單獨(dú)使用沒有任何意義, 必須結(jié)合CSS來使用, 主要用于頁面的布局;
2. span是一個(gè)html標(biāo)簽, 一個(gè)內(nèi)聯(lián)元素(顯示一行), 它單獨(dú)使用沒有任何意義, 必須結(jié)合css使用, 主要對(duì)括起來的內(nèi)容進(jìn)行樣式的修飾;
   總結(jié):
   1. 常見的行內(nèi)標(biāo)簽和 塊級(jí)元素分別有哪些?
      行內(nèi)標(biāo)簽:span, strong, a, img, input, textarea
      塊級(jí)元素:div, h2->h7, p, hr, pre, ul, ol, dd, dt, th. tr, td
   2. 兩者的區(qū)別與特性；
      1).塊級(jí)元素獨(dú)占一行空間， 行內(nèi)元素只占據(jù)自身寬度的空間;
      2).塊級(jí)元素是可以包含塊級(jí)元素和行內(nèi)元素; 行內(nèi)元素只能包含文本信息和行內(nèi)元素;
      3). 塊級(jí)元素可以設(shè)置寬和高， 行內(nèi)元素設(shè)置的寬和高失效；
   3. 如何讓塊級(jí)元素居中? 如何讓行內(nèi)元素居中?
      1).塊級(jí)元素居中： margin: 0 auto
      2).行內(nèi)元素居中: text-aligin:center

CSS

1.CSS 概述

CSS 指層疊樣式表 (Cascading Style Sheets)
    樣式定義如何顯示 HTML 元素
    樣式通常存儲(chǔ)在樣式表中
    把樣式添加到 HTML 4.0 中，是為了解決內(nèi)容與表現(xiàn)分離的問題
    外部樣式表可以極大提高工作效率
    外部樣式表通常存儲(chǔ)在 CSS 文件中
    多個(gè)樣式定義可層疊為一

2.CSS 語法

CSS 規(guī)則由兩個(gè)主要的部分構(gòu)成：選擇器，一條或多條聲明。
    selector {property: value}
選擇器通常是您需要改變樣式的 HTML 元素。
每條聲明由一個(gè)屬性和一個(gè)值組成。
屬性（property）是您希望設(shè)置的樣式屬性（style attribute）。每個(gè)屬性有一個(gè)值。屬性和值被冒號(hào)分開。
多重聲明：
    提示：如果要定義不止一個(gè)聲明，則需要用分號(hào)將每個(gè)聲明分開。

3.四類選擇器

1.元素選擇器（類型選擇器）
最常見的 CSS 選擇器是元素選擇器。換句話說，文檔的元素就是最基本的選擇器。
在 W3C 標(biāo)準(zhǔn)中，元素選擇器又稱為類型選擇器（type selector）。
“類型選擇器匹配文檔語言元素類型的名稱。類型選擇器匹配文檔樹中該元素類型的每一個(gè)實(shí)例?！?br/>參考網(wǎng)址：http://www.w3school.com.cn/css/css_selector_type.asp
2.id選擇器
id選擇器以 符號(hào)"#" 來定義。
id選擇器可以為標(biāo)有特定 id 的 HTML 元素指定特定的樣式。
在一個(gè) HTML 文檔中，ID 選擇器會(huì)使用一次，而且僅一次。
參考網(wǎng)址：http://www.w3school.com.cn/css/css_selector_id.asp
3.類選擇器
類選擇器以一個(gè)點(diǎn)號(hào)"."來定義
類選擇器使得所有使用這個(gè)樣式的標(biāo)簽具有同樣的效果
參考網(wǎng)址：http://www.w3school.com.cn/css/css_selector_class.asp
4.屬性選擇器
屬性選擇器可以根據(jù)元素的屬性及屬性值來選擇元素。
對(duì)帶有指定屬性的 HTML 元素設(shè)置樣式?？梢詾閾碛兄付▽傩缘?HTML 元素設(shè)置樣式，而不僅限于 class 和 id 屬性。
參考網(wǎng)址：http://www.w3school.com.cn/css/css_selector_attribute.asp

4.插入樣式表的三種方法:

1.外部樣式表(External style sheet)

當(dāng)樣式需要應(yīng)用于很多頁面時(shí)，外部樣式表將是理想的選擇。在使用外部樣式表的情況下，你可以通過改變一個(gè)文件來改變整個(gè)站點(diǎn)的外觀。每個(gè)頁面使用 <link> 標(biāo)簽鏈接到樣式表。 <link> 標(biāo)簽在（文檔的）頭部：

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

瀏覽器會(huì)從文件 mystyle.css 中讀到樣式聲明，并根據(jù)它來格式文檔。
外部樣式表可以在任何文本編輯器中進(jìn)行編輯。文件不能包含任何的 html 標(biāo)簽。樣式表應(yīng)該以 .css 擴(kuò)展名進(jìn)行保存。

2.內(nèi)部樣式表(Internal style sheet)

當(dāng)單個(gè)文檔需要特殊的樣式時(shí)，就應(yīng)該使用內(nèi)部樣式表。你可以使用 <style> 標(biāo)簽在文檔頭部定義內(nèi)部樣式表，就像這樣:

<head>
<style>
樣式......
</style>
</head>

3.內(nèi)聯(lián)樣式(Inline style)

由于要將表現(xiàn)和內(nèi)容混雜在一起，內(nèi)聯(lián)樣式會(huì)損失掉樣式表的許多優(yōu)勢(shì)。請(qǐng)慎用這種方法，例如當(dāng)樣式僅需要在一個(gè)元素上應(yīng)用一次時(shí)。
要使用內(nèi)聯(lián)樣式，你需要在相關(guān)的標(biāo)簽內(nèi)使用樣式（style）屬性。Style 屬性可以包含任何 CSS 屬性。

一般情況下，優(yōu)先級(jí)如下：
內(nèi)聯(lián)樣式）Inline style > （內(nèi)部樣式）Internal style sheet >（外部樣式）External style sheet > 瀏覽器默認(rèn)樣式

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)頁標(biāo)題：HTML與CSS基礎(chǔ)知識(shí)-創(chuàng)新互聯(lián)
分享鏈接：http://chinadenli.net/article20/cdhsco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、移動(dòng)網(wǎng)站建設(shè)、軟件開發(fā)、搜索引擎優(yōu)化、ChatGPT、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)