日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

html元素一行显示不完收缩_这些常用的HTML标签,你还不知道吗?

發布時間:2025/3/19 HTML 27 豆豆
生活随笔 收集整理的這篇文章主要介紹了 html元素一行显示不完收缩_这些常用的HTML标签,你还不知道吗? 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

隨著互聯網的不斷發展與前端開發技術的不斷進步,越來越多的人想在前端開發市場中分一杯羹,而HTML語言憑著它簡單易懂的特性成為了不少計算機萌新的入門語言。那么什么是HTML呢?

什么是HTML

HTML,即超文本標記語言,是一種標識性的語言。它包括一系列標簽,通過這些標簽可以將網絡上的文檔格式統一,使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本,HTML命令可以說明文字,圖形、動畫、聲音、表格、鏈接等。

使用HTML語言,將所需要表達的信息按某種規則寫成HTML文件,通過專用的瀏覽器來識別,并將這些HTML文件“翻譯”成可以識別的信息,即現在所見到的網頁。而HTML標簽是HTML語言中最基本的單位,是HTML最重要的組成部分。

什么是HTML標簽

  • HTML標簽是由一對尖括號括起來的關鍵詞,像、等。
  • HTML標簽通常是成對出現的,第一個標簽是開始標簽,第二個標簽是結束標簽。
  • 標簽不區分大小寫,最好用小寫。
  • 標簽可以嵌套,但是不可以交叉嵌套,如。
  • 有些標簽功能比較簡單.使用一個標簽即可.這種標簽叫做自閉合標簽.如
    等。

標簽分類

標簽一般分為兩種:

1. 塊級標簽

占一整行的標簽。如、

、等

2. 行內標簽

可以多個標簽共同占用一行的標簽。比如:,,,,等

3. 塊級標簽特點

  • 總是在新行上開始
  • 寬度缺省是它的容器的100%,除非設定一個寬度
  • 它可以容納內聯元素和其他塊元素

4. 行內標簽特點

  • 和其他元素都在一行上
  • 寬度就是它的文字或圖片的寬度,不可改變
  • 內聯元素只能容納文本或者其他內聯元素

HTML特殊字符

平時寫代碼很少用到HTML的特殊字符,最常用的可能是 (空格)了,但有時在移動端為了節省時間,可能會用這些字符實現某種特殊效果。

使用方法:

  • 這些字符屬于unicode字符集,所以,你的文檔需要聲明為UTF-8;
  • 編號用在HTML中時,需要在前面加上符號;
  • 用于CSS文件中,但是需要用反斜杠轉義;
  • 用于JavaScript,和CSS用法一樣,不過要用u來轉義。

常用HTML特殊字符

HTML基本標簽簡介

  • 標簽
  • 作用:聲明文檔的解析類型(document .compatMode),避免瀏覽器的怪異模式。

    瀏覽器有怪異模式(BackCompat)和標準模式(CSS1Compat)兩種模式,那么何為怪異模式和標準模式呢?

    • BackCompat:怪異模式,瀏覽器使用自己的怪異模式解析渲染頁面。
    • CSS1Compat:標準模式,瀏覽器使用W3C的標準解析渲染頁面。

    如果你的頁面沒有DOCTYPE的聲明,那么compatMode默認就是BackCompat,,如果是這樣的話那就很麻煩了-------瀏覽器按照自己的方式解析渲染頁面,即在不同的瀏覽器顯示不同的樣式。

    但是如果你的頁面添加了,那么就等同于開啟了標準模式,瀏覽器就得老老實實的按照W3C的標準解析渲染頁面,這樣一來,你的頁面在所有的瀏覽器里顯示的就都是一個樣子了。

    這就是的作用。

  • 標簽
  • 標簽用于提供關于 HTML 文檔的元數據(元數據是關于數據的信息),元數據不會顯示在頁面上,但是對于機器是可讀的。例如meta被用于設置關鍵字、設置頁面描述、設置作者、設置字符集設置頁面定時跳轉等等。meta標簽放置在head標簽中,對meta的設置對搜索引擎注冊、搜索引擎優化排名等有至關重要的作用。

    有兩個屬性,分別是http-equiv屬性和name屬性,不同屬性有不同的參數,這些不同的參數使得名,meta標簽有不同的功能:

    http-equiv屬性

    顧名思義,相當于http的文件頭作用,它可以向瀏覽器傳回一些有用的信息,以幫助正確和精確地顯示網頁內容,與之對應的屬性值為content,content中的內容其實就是各個參數的變量值。

    • 頁面編碼:
    • 頁面刷新和跳轉
    • 解決IE瀏覽器兼容性問題

    name屬性

    name屬性主要用于描述網頁,與之對應的屬性值為content,content中的內容主要是便于搜索引擎機器人查找信息和分類信息用的。

    • 供搜索引擎使用(關鍵詞)
    • 網站信息描述
  • 標簽
    • title標簽寫網站頭部信息,即網頁標簽的名稱:
    開云見日
  • 標簽
  • link標簽有兩個作用:

    1.設置標簽頁圖標:

    2.外聯CSS文件:

  • 用于存放或編寫css文件:

  • 2.寫js代碼

  • 常用標簽
  • :n的取值范圍是1~6; 從大到小. 用來表示標題.

    :段落標簽. 包裹的內容被換行.并且也上下內容之間有一行空白.

    :加粗標簽.:為文字加上一條中線.:文字變成斜體.:上角標 和 下角表.
    :換行.:水平線
    :白板,本身沒有特性,塊級標簽。:白板,本身沒有特性,行內標簽。

    的使用

    這個文本包含 下標文本。

    這個文本包含 上標 文本。

    標簽作超鏈接:跳轉到指定url作錨點:條轉到指定id標簽

    屬性如下:

    src: 要顯示圖片的路徑.alt: 圖片沒有加載成功時的提示.title: 鼠標懸浮時的提示信息.width: 圖片的寬height:圖片的高 (寬高兩個屬性只用一個會自動等比縮放

    HTML還有很多標簽,像

    、、、、
    等等。在目前的移動應用開發大潮下,使用web技術進行移動應用開發正變得越來越流行,慢慢會變成以HTML為核心的技術棧配合數據庫的天下。讓我們找準時代發展方向,努力學習,成為時代的弄潮兒吧!

    總結

    以上是生活随笔為你收集整理的html元素一行显示不完收缩_这些常用的HTML标签,你还不知道吗?的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。