溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

分析HTML與CSS基礎(chǔ)知識(shí)

發(fā)布時(shí)間：2021-11-04 16:49:46 來源：億速云 閱讀：109 作者：iii 欄目：web開發(fā)

這篇文章主要介紹“分析HTML與CSS基礎(chǔ)知識(shí)”，在日常操作中，相信很多人在分析HTML與CSS基礎(chǔ)知識(shí)問題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”分析HTML與CSS基礎(chǔ)知識(shí)”的疑惑有所幫助！接下來，請(qǐng)跟著小編一起來學(xué)習(xí)吧！

術(shù)語

  1. web：互聯(lián)網(wǎng)。

  2. w3c：萬維網(wǎng)聯(lián)盟，非盈利組織，官網(wǎng)：w3.org。為互聯(lián)網(wǎng)提供各種標(biāo)準(zhǔn)。

    1. 代替網(wǎng)址：MDN：Mozilla Development Network。Mozilla開發(fā)者社區(qū)。有中文。

  3. ISO：國際標(biāo)準(zhǔn)組織。

  4. XML：可擴(kuò)展的標(biāo)記語言（extension markup language）用于定義文檔結(jié)構(gòu)。

HTML

  1. HTML是w3c組織定義的語言標(biāo)準(zhǔn)。HTML是用于描述頁面結(jié)構(gòu)的語言。

  2. HTML全稱：Hyper Text Markup Language。超文本標(biāo)記語言。

  3. 書寫一個(gè)一級(jí)標(biāo)題：

    <h2>一級(jí)標(biāo)題</h2>

CSS

  1. CSS也是w3c定義的語言標(biāo)準(zhǔn)。CSS是用于描述頁面展示的語言。（字體顏色，大小，布局等等。）

  2. CSS決定頁面長(zhǎng)什么樣子。

  3. 執(zhí)行HTML與CSS：用瀏覽器內(nèi)核執(zhí)行。

    版本和兼容性

    1. XHTML:可以認(rèn)為是HTML的一個(gè)版本，完全符合XML的規(guī)范。但現(xiàn)在基本不用。

    2. HTLM5:2014出版。

    3. CSS3：目前還沒有制定完成。

    4. IE：Trident內(nèi)核。

    5. Firefox：Gecko內(nèi)核。

    6. Chrome：之前為Webkit內(nèi)核現(xiàn)在是Blink內(nèi)核。

    7. Opera：Blink內(nèi)核。

    8. Safari：Webkit內(nèi)核。

    9. shell：外殼。

    10. core：內(nèi)核（JS執(zhí)行引擎、渲染引擎）。

    11. 瀏覽器由兩部分組成：

    12. 世界上主流的瀏覽器（擁有自己的內(nèi)核）：

    開發(fā)環(huán)境的準(zhǔn)備

    1. 顯示文件擴(kuò)展名（不懂可百度）。大部分文件：文件名+擴(kuò)展名（后綴名）。

      1. 擴(kuò)展名決定了文件被什么打開。

    2. 安裝瀏覽器：推薦安裝谷歌瀏覽器（推薦百度搜索Chrome，進(jìn)入官網(wǎng)安裝，以免安裝有病毒）

      1. 谷歌瀏覽器始終與w3c標(biāo)準(zhǔn)同步。

      2. 將谷歌瀏覽器設(shè)置為默認(rèn)瀏覽器

    3. 安裝專業(yè)編輯器：

      • 術(shù)語

      • HTML

      • CSS

      • 開發(fā)環(huán)境的準(zhǔn)備

      • HTML

      • 版本和兼容性

      1. Sublime

      2. ATom

      3. Dreamweaver

      4. vscode（推薦）
        目錄：

        目錄

    4. Emmet插件：自動(dòng)生成html代碼片段

    HTML

    1. 注釋方法：Ctrl+?

    <!-- 注釋內(nèi)容 -->

    1. 元素(標(biāo)簽、標(biāo)記，但官方稱之為element（元素）)

      1. 局部屬性：某些元素特有的屬性。

      2. 全局屬性：所有的元素同用。

      3. 元素 = 起始標(biāo)記（begin tag）+ 結(jié)束標(biāo)記（end tag）+ 元素內(nèi)容（element content）+ 元素屬性（非必選）
        屬性 = 屬性名（href)+屬性值

        <title>text</title>
    <a href="http://baidu.com" title = "百度官網(wǎng)">百度</a>
    <h2 title="這是全局屬性">
        這是全局屬性    </h2>
    <!-- <a>: 起始標(biāo)記，表示a元素
        </a>：結(jié)束標(biāo)記，
        百度：元素內(nèi)容。
        :-->

    1. 有些元素沒有結(jié)束標(biāo)記（故沒有元素內(nèi)容），叫做空元素

        <meta charset="UTF-8">
    空元素的兩種寫法：
    1.    <meta charset="UTF-8">
    2.    <meta charset="UTF-8"/>   /:表示閉合標(biāo)記，表示結(jié)束。

    1. 元素的嵌套：元素不能相互嵌套；父元素；子元素；祖先元素；后代元素；兄弟元素（擁有同一個(gè)父元素的兩個(gè)元素）

    2. 標(biāo)準(zhǔn)的文檔結(jié)構(gòu)

    <html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie+edge">
    <title>Document</title></head><body>
    </body></html>
    <!-- 文檔聲明：告訴瀏覽器當(dāng)前文檔使用的HTNL標(biāo)準(zhǔn)是HTML5，不寫文檔聲明將導(dǎo)致瀏覽器進(jìn)入怪異渲染模式 --><!DOCTYPE html><!-- 根元素：一個(gè)頁面最多只能有一個(gè)，并且該元素是其他所有元素的父元素或者祖先元素,HTML5可以不寫 
    lang屬性（可以用在任意元素中）：language,全局屬性，表示該元素內(nèi)部使用的文字是哪一種自然語言書寫而成的；en:English，zh-CN:簡(jiǎn)體中文，但已過時(shí)，現(xiàn)在用cmn-hans:簡(jiǎn)體中國官方語言--><html lang="cmn-hans"></html><!-- 必須作為子元素出現(xiàn),表示文檔頭，文檔頭內(nèi)部的內(nèi)容不會(huì)顯示在頁面上。
    <meta>元素：文檔的原數(shù)據(jù)，文檔的附加信息。
    charset：指定網(wǎng)頁內(nèi)部編碼，計(jì)算機(jī)中，低壓電（0~2V）來表示0，高壓電（2~5V）表示1。計(jì)算機(jī)中只能存儲(chǔ)數(shù)字，只能將文字和數(shù)字進(jìn)行對(duì)應(yīng)，相當(dāng)于一個(gè)字典，改字典就叫做字符編碼表。 
    name、content：適配手機(jī)端的
    <meta http-equiv="X-UA-Compatible" content="ie+edge">：如果瀏覽器是IE則告訴瀏覽器使用edge內(nèi)核，即更換瀏覽器的內(nèi)核-->
    <!-- <title>Document</title>：網(wǎng)頁標(biāo)題。 --><head></head><!-- 文檔體: 頁面上所有要參與顯示的元素--><body></body>

    到此，關(guān)于“分析HTML與CSS基礎(chǔ)知識(shí)”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！

    向AI問一下細(xì)節(jié)

    免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

    AI
    助
    手