常用的HTML標記整理

Rocture 發布于2019-08-02 11:37 / 1228人閱讀

摘要：提示提示復選框多選，值相同也行，不同也行文件域圖像域代替樣子，如果你覺得不好看，那么你可以使用做一個圖代替。百度貼吧，發布帖子多少個字符寬度多少個字符高度

文章CSDN地址：https://blog.csdn.net/Ght1997...
文章GitHub地址：https://github.com/ght1997012...
文章segmentfault地址：https://segmentfault.com/a/11...
文章簡書地址：https://www.jianshu.com/p/26b...

一、大體格式


   
      
           標題
            （記事本為gb2312)

二、

1.超鏈接標記

 

    郵件超鏈接:點擊郵件超鏈接，會自動打開你電腦上郵件發送軟件，將收件人地址自動填充（foxmail ）
     

    錨鏈接（書簽鏈接）:
    訪問鏈接
    定義錨點:

2.
換行

3. 空格

4. refresh設定本網頁自動刷新時間間隔秒數（10秒）

5. 設定本網頁十秒后跳轉到其他界面或網頁

6.網站前端三層 (x)html 結構層--html結構 css 表現層--決定html的樣式 javascript 動作層--決定html如何交互

7.HTML基本語法:
<標記名屬性="值" 屬性="值" >

舉例子:


  我是帥哥

8.標記的屬性和標記不能分離
一說屬性必須得說哪一個標記的屬性，屬性不能多帶帶說

9.HTML里面的注釋

說明:注釋是給程序員看的

10.規范:
--標記和屬性全部小寫
--屬性值必須加""
--雙標記必須雙著用
--單標記必須關閉
--標記只能嵌套不能交叉

11.文字標記

12.文字修飾標記
加粗
傾斜
下劃線
刪除線
地址

上標
下標

13.段落標記:一個p相當于一個回車換行，/p相當于一個回車換行

14.橫線:

15.預格式化:保留源代碼中空格，不忽略源代碼中的空格

16.忽略HTML標記

17.設置段落縮進

18.
無序列表 ul
有序列表 ol
定義列表 dl
目錄列表 dir
菜單列表 menu

無序列表

有序列表

定義列表:


      定義
      解釋1
      解釋2
      解釋3
      定義
      解釋1
      解釋2
      解釋3
      定義
      解釋1
      解釋2
      解釋3

19.

21.單元格行列

22.框架集和框架


    
    


 例子:
         
      

  浮動框架：講一個獨立的HTML頁面嵌入到當前頁面中

23.

 ※ method="get/post"
    相同點：都是數據提交的方式，提交的數據是相同的
    不同點：
         ①get原理 ：數據和HTML文檔的頭部信息一起提交
              特點 ：大小受到文檔頭部大小限制
                     數據附加到url？后面
         ②post原理：數據和HTML文檔正文之間信息一起提交
               特點：大小沒有限制
                     數據不會附加到url？后面

說明：什么是數據？答：數據是用戶填寫的或選擇的表單項（信息）

表單項：表單里面的項目
輸入元素：輸入文本框
                         "password"密碼框
                         "radio"單選按鈕
                         "checkbox"復選框
                         "file"文件域
                         "image"圖像域
                         "hidden"隱藏域
                         "button"按鈕
                         "reset"重置
                         "submit"提交
      

        (1)輸入文本框：
        (2)密碼框：
        (3)單選按鈕：單選按鈕要是同一組的 那么name值相同；如果不同，name值不同。
                     提示
                     提示
        (4)復選框：多選，name值相同也行，不同也行
        (5)文件域：
        (6)圖像域：代替submit樣子，如果你覺得submit不好看，那么你可以使用PS做一個圖代替submit。
        (7)按鈕： 
        (8)重置按鈕：將所有表單項重置為默認值而不是清空
        (9)提交按鈕：點擊提交按鈕后瀏覽器自動將表單項數據發送給action所以所指地址
        (10)select標簽；單選下拉菜單和多選列表
            ①單選下拉菜單：
              
            ②多選列表
              
          (11)文本域：例如新浪微博，發表微博。百度貼吧，發布帖子

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/53002.html

常用meta整理

摘要：標記內容太短，則搜索引擎可能不會認為這些內容相關。搜索引擎索引方式，是一組使用逗號分割的值，通常有如下幾種取值，，，，和。如果加則會重定向到指定網頁搜索引擎能夠自動檢測，也很容易被引擎視作誤導而受到懲罰。 < meta > 元素概要標簽提供關于HTML文檔的元數據。元數據不會顯示在頁面上，但是對于機器是可讀的。它可用于瀏覽器（如何顯示內容或重新加載頁面），搜索引擎（關鍵詞...

HackerShell 2019-08-01 14:42 評論0 收藏0
前端知識點總結

摘要：知識點一和瀏覽器渲染模式文檔類型，一個文檔類型標記是一種標準通用標記語言的文檔類型聲明，它的目的是要告訴標準通用標記語言解析器，它應該使用什么樣的文檔類型定義來解析文檔。知識點二文件類型聲明僅有一型。知識點三常用整理常用整理知識點一：DOCTYPE和瀏覽器渲染模式文檔類型，一個文檔類型標記是一種標準通用標記語言的文檔類型聲明，它的目的是要告訴標準通用標記語言解析器，它應該使用什么樣...

AprilJ 2019-08-20 19:07 評論0 收藏0
前端知識點總結

摘要：知識點一和瀏覽器渲染模式文檔類型，一個文檔類型標記是一種標準通用標記語言的文檔類型聲明，它的目的是要告訴標準通用標記語言解析器，它應該使用什么樣的文檔類型定義來解析文檔。知識點二文件類型聲明僅有一型。知識點三常用整理常用整理知識點一：DOCTYPE和瀏覽器渲染模式文檔類型，一個文檔類型標記是一種標準通用標記語言的文檔類型聲明，它的目的是要告訴標準通用標記語言解析器，它應該使用什么樣...

TNFE 2019-08-01 17:33 評論0 收藏0