国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

html學習

YPHP / 2448人閱讀

摘要：要養成良好的編寫注釋習慣。十六進制滿進只能用標志使用分別表示八進制滿進。。。。字符集編碼和解碼所采用的規則，我們稱為為字符集產生亂碼原因編碼和解碼采用的字符集不同。如果同時制定寬度和高度，圖像比例會發生變化。

什么是HTML？

  1. HTML:超文本標記語言。
  2. 所謂超文本也就是超鏈接,可以讓我們從一個網頁跳轉到另一個網頁。

HTML基本格式

                              
                              
        HTML入門      
    
    
    
        
Hello World

html：

  1. 根標簽:只有一個（網頁所有內容都應該寫在根標簽里面）

head:

  1. 子標簽：用來設置頭部內容

body:

  1. 子標簽:網頁主體,所有要顯示的內容放這里面

title：

  1. 網頁的標題標簽，也就是網頁顯示名字。
  2. 搜索引擎檢索頁面時，會首先檢索titlte中的內容。
  3. 元素：一個完整的標簽<>
  4. 標簽<>

HTML后綴名

  1. 將編寫好的文件保存為.html網頁格式文件

  2. 顯示文件格式名

HTML注釋

<！-- 這是一個注釋的格式，可以直接換行
     繼續寫注釋。
 -->
  1. 注釋中的內容，不會顯示在頁面。
  2. 可以寫注釋來對代碼進行描述，便于后期的維護。要養成良好的編寫注釋習慣。

標簽屬性


    
        HTML入門
    
    
    
        
Hello World ！

顯示效果：

  1. 屬性只能在開始標簽中設置
  2. 屬性名 ="屬性值"
  3. 怎么知道有哪些屬性，可以參考W3C

文檔申明

  1. 主要用于申明網頁版本最新為html5

  2. html5的文檔申明，申明當前的網頁是按照HTML5頁標準編寫的一定要放在網頁的最上邊，不申明，則會導致有些瀏覽器有些頁面無法正常顯示，所以為了避免，一定要寫文檔申明.

    

 
     HTML入門
 

 
     
    Hello World ！
    
     
     
    怎么知道有哪些屬性？
    
     
    可以參考W3C

進制

二進制

? 滿2進1

? 0 1 。。。。

十進制

? 滿10進1

? 0 1 2 3 4 5 6 7 8 9 10 11 12 。。。。

十六進制

? 滿16進1

? 只能用10 11 12 13 14 15標志

? 使用a b c d e f 分別表示10 11 12 13 14 15

? 0--f

八進制

? 滿8進1

? 0 1 2 3 4 5 6 7 10 11 12 13 。。。。

常用十進制、二進制、十六進制

亂碼問題

用PC自帶記事本可以寫html，但是效率不高。

常用html編寫工具：

Sublime、notepad++等等

  1. 在計算機中保存的任何內容，都需要轉為為0 1這種二進制來保存，包括在讀取內容時，需要將二進制彪馬，在轉換為正確的內容。
  2. 編碼： 一句一定的規則，將字符轉換為二進制編碼的過程。
  3. 解碼：一句一定的規則，將二進制編碼轉換為字符的過程。
  4. 字符集：編碼和解碼所采用的規則，我們稱為為字符集
  5. 產生亂碼原因：編碼和解碼采用的字符集不同。
  6. 常用字符集：ASCII（最早）、IOS-8859-1、GBK（英文）、GB2312（中文）、UTF-8(萬國碼)

注意：中文系統瀏覽器，默認使用的是GBK進行解碼

設置網頁編碼字符集

meta:用來這是網頁的一些元數據，比如網頁的字符集、關鍵字、簡介

meta：是單標簽



    
        
        HTML入門
    
    
    
        
Hello World ！

        
        
怎么知道有哪些屬性？

        
可以參考W3C

ANSI:自動編碼

我們使用都是UTF-8

標題標簽

        
標題標簽

        
標題標簽

        
標題標簽

        
標題標簽

        
標題標簽

        
標題標簽

使用HTML標簽時，關心的是標簽的語義，我們使用的標簽時語義化標簽，所有表現都使用CSS來設置。

h1:對搜索引擎，重要性僅次于title標簽

h1：非常重要，為影響搜索引擎中的排名

頁面中只能寫一個h1

一般只使用h1h2h3

段落標簽

用于表示內容的一個自然段

使用P標簽

我的一個p段落標簽

p標簽默認會占一行，端與端之間有間距

表現的都用css，html不關心

html都是語義標簽

換行標簽

空格：

      空格

換行標簽


     換行，是一個單標簽（自結束標簽）

橫線

    水平線，是一個自結束標簽

實體(特殊元素)

特殊字符（實體）

<；    小于
>     大于

版權

©    版權

參考W3c實體

圖片

支持圖片格式：jpeg、gif、png

jpeg不支持透明，常用于保存圖片顏色豐富的圖片

gif支持的顏色少，支持動態圖。支持簡單透明。圖片顏色單一用gif。

png支持的顏色多，并且支持復雜透明，可以用來顯示顏色復雜的透明圖片。

實際開發中常用png多一點。

圖片使用原則：

? 效果不一致，使用效果好的，

想過一致，使用小的。

alt“圖片不能顯示時，才顯示。百度搜索只識別alt

只設置width或height時，高度或寬段會按比例自動變化。如果同時制定寬度和高度，圖像比例會發生變化。

路徑問題

一般使用相對路徑：

返回上級目錄

../     訪問上級目錄

絕對路徑：直接在目錄下面全路徑

mate標簽



    
        
        html練習筆記01
        
        
    
    
    
        百度一下
          
        淘寶
          
        京東
        
        

        
        
        
        
            a < b
            

            c > d
            

            ©鄧凌

name:名字

content:內容

  1. 使用meta標簽還可以用來設置網頁的關鍵詞

  2. 還可以用來制定網頁的描述，搜索引擎在檢索頁面時，會同時檢索頁面中的關鍵詞和描述，但是這兩個值不會影響頁面在搜索引擎中的排名

  3. 可以用來做請求的重定向

    content:

    ? 5:時間秒數

    ? url：重定向連接地址

HTML語法規范

XHTML：語法相對更嚴格

  1. HTML中不區分大小寫的，但是我們一般都使用小寫。有些情況還是使用大寫。
  2. HTML中注釋不能嵌套。
  3. HTML標簽必須結構完整，要么成對出現，要么自結束標簽。
  4. HTML標簽可以嵌套，不能交叉嵌套。
  5. HTML標簽中的屬性必須有值，且必須加引號。

內聯框架（用得不多）

一個頁面引入另一個外部頁面

屬性：

  1. src：只想一個外面頁面的相對路徑

現實開發中不推薦使用，因為內聯框架中網頁，搜索引擎不會搜

  1. width：
  2. height：
  3. name：可以為內聯框架制定一個name屬性，通過該名字使用超鏈接標簽時，可以將跳轉頁面顯示在內聯框架中。

超鏈接

使用超鏈接可以一個頁面跳轉到另一個頁面

代碼：

百度一下

  1. href: 指向連接跳轉的目標地址，可以寫一個相對路徑也可以寫一個絕對路徑。

  2. 默認訪問過的連接和沒有訪問過的連接，顏色有區別。

  3. 如果href值設置為#,連接會回到頂部，設置為#id值，就回到那。

    回到底部

回到頂部

  4. 聯系我們，自動打開發送郵件應用程序。

    設置href值為mailto:郵件地址

    聯系我們

    沒有郵件應用程序，就不會打開，有會自動填充發送人郵箱地址。

  5. target： 設置在哪里打開連接（默認值為_self)

    ? _blan: 在新頁面中打開連接。

    ? _self: 在當前窗口中打開。

居中標簽

我會居中顯示哦

center內容居中，不贊成使用，表現形式的最后都使用css來實現。

ID屬性

所有標簽都可以使用id屬性，用于標志標簽，id不能數字開頭，不能重復。

使用如:

? 超鏈接回到底部。

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

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

相關文章

  • html前端學習-html前端學習怎么學習

    摘要：我們學習首先要學習的內容。倒不如從開始學習，掌握了普通的布局之后，再逐漸的學習的內容，使得樣式的使用變得更加的流暢和靈活。有了一定的原生基礎，可以選擇這個前端框架來進行學習。相比而言，是前端三大語言中最簡單的一個。htmlhtml作為一個超文本標記語言，擁有眾多的標簽可以使用。但是大量的前端初學者只會使用 div 和 span 這兩個標簽。這顯然是有很大的問題的。所以，學習 html 的第一...

    番茄西紅柿 評論0 收藏0

  • 學習筆記 | HTML 基本結構和基本標簽 ——前端學習第一步！

    摘要：基本結構語言中，一個頁面是由四個部分組成文檔聲明標簽對標簽對標簽對圖示文檔聲明這是一個文檔聲明，表示這是一個頁面。標簽標簽表示頁面內容的范圍。 HTML HTML ...

    sPeng 評論0 收藏0

  • 前端之HTML學習

    摘要：對基礎有個全面的印象因為以后的升級學習離不開基礎作為支持。作為新生的你，需要學習的是究竟該要查詢什么關鍵詞。最后再啰嗦一句，學習編程語言一定要避免手懶，只看不敲。 HTML學習 請帶著以下幾個問題進行學習： 什么是HTML、HTML文檔類型起到什么作用、HTML5和HTML4有哪些區別、pc端和移動端頁面有什么區別、什么是塊級元素什么是內聯元素、塊級元素和內聯元素的區別、什么是H...

    lemanli 評論0 收藏0

  • 前端之HTML學習

    摘要：對基礎有個全面的印象因為以后的升級學習離不開基礎作為支持。作為新生的你，需要學習的是究竟該要查詢什么關鍵詞。最后再啰嗦一句，學習編程語言一定要避免手懶，只看不敲。 HTML學習 請帶著以下幾個問題進行學習： 什么是HTML、HTML文檔類型起到什么作用、HTML5和HTML4有哪些區別、pc端和移動端頁面有什么區別、什么是塊級元素什么是內聯元素、塊級元素和內聯元素的區別、什么是H...

    mudiyouyou 評論0 收藏0

  • 前端之HTML學習

    摘要：對基礎有個全面的印象因為以后的升級學習離不開基礎作為支持。作為新生的你，需要學習的是究竟該要查詢什么關鍵詞。最后再啰嗦一句，學習編程語言一定要避免手懶，只看不敲。 HTML學習 請帶著以下幾個問題進行學習： 什么是HTML、HTML文檔類型起到什么作用、HTML5和HTML4有哪些區別、pc端和移動端頁面有什么區別、什么是塊級元素什么是內聯元素、塊級元素和內聯元素的區別、什么是H...

    Gilbertat 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<