HTML

1.文本標簽

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

2.圖片標簽(img)

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

3.序列標簽

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

4.表格標簽(table)

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

5.表單標簽(form)

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

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

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

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

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

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

6.塊

div與span

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

CSS

1.CSS 概述

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

2.CSS 語法

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

3.四類選擇器

1.元素選擇器（類型選擇器）
最常見的 CSS 選擇器是元素選擇器。換句話說，文檔的元素就是最基本的選擇器。
在 W3C 標準中，元素選擇器又稱為類型選擇器（type selector）。
“類型選擇器匹配文檔語言元素類型的名稱。類型選擇器匹配文檔樹中該元素類型的每一個實例。”
參考網(wǎng)址：http://www.w3school.com.cn/css/css_selector_type.asp
2.id選擇器
id選擇器以 符號"#" 來定義。
id選擇器可以為標有特定 id 的 HTML 元素指定特定的樣式。
在一個 HTML 文檔中，ID 選擇器會使用一次，而且僅一次。
參考網(wǎng)址：http://www.w3school.com.cn/css/css_selector_id.asp
3.類選擇器
類選擇器以一個點號"."來定義
類選擇器使得所有使用這個樣式的標簽具有同樣的效果
參考網(wǎng)址：http://www.w3school.com.cn/css/css_selector_class.asp
4.屬性選擇器
屬性選擇器可以根據(jù)元素的屬性及屬性值來選擇元素。
對帶有指定屬性的 HTML 元素設置樣式。可以為擁有指定屬性的 HTML 元素設置樣式，而不僅限于 class 和 id 屬性。
參考網(wǎng)址：http://www.w3school.com.cn/css/css_selector_attribute.asp

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

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

當樣式需要應用于很多頁面時，外部樣式表將是理想的選擇。在使用外部樣式表的情況下，你可以通過改變一個文件來改變整個站點的外觀。每個頁面使用 <link> 標簽鏈接到樣式表。 <link> 標簽在（文檔的）頭部：

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

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

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

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

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

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

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

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

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

網(wǎng)頁標題：HTML與CSS基礎知識-創(chuàng)新互聯(lián)
分享鏈接：http://aaarwkj.com/article20/cdhsco.html

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

廣告

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