1. 程式人生 > >HTML第一天

HTML第一天

如何 這就是 blue border 標記語言 第一天 rgb 標簽 TP

主要內容

  • 頭標簽
  • 排版標簽 : <p> <div> <span> <br> <hr>
  • 字體標記: h1~h6、<b>、<u>、<em>
  • 超鏈接
  • 圖片標簽

前言準備

web標準

web準備介紹:

  • w3c:萬維網聯盟組織,用來制定web標準的機構(組織)
  • web標準:制作網頁遵循的規範
  • web準備規範的分類:結構標準、表現標準、行為標準。
  • 結構:html。表示:css。行為:Javascript。

web準備總結:

  • 結構標準:相當於人的身體。html就是用來制作網頁的。
  • 表現標準: 相當於人的衣服。css就是對網頁進行美化的。
  • 行為標準: 相當於人的動作。JS就是讓網頁動起來,具有生命力的

瀏覽器介紹

瀏覽器是網頁運行的平臺,常用的瀏覽器有IE、火狐(Firefox)、谷歌(Chrome)、獵豹瀏覽器、Safari和Opera等

技術分享圖片

瀏覽器內核:

瀏覽器  內核
IE trident
chrome blink
火狐 gecko
Safari webkit

PS:「瀏覽器內核」也就是瀏覽器所采用的「渲染引擎」,渲染引擎決定了瀏覽器如何顯示網頁的內容以及頁面的格式信息。渲染引擎是兼容性問題出現的根本原因。

開發工具介紹

Sublime Text的使用

參考鏈接:Sublime Text使用技巧

一、HTML介紹

1、HTML的概述

html全稱HyperText Mackeup Language,翻譯為超文本標記語言,它不是一種編程語言,是一種描述性的標記語言,用於描述超文本內容的顯示方式。比如字體、顏色、大小等。

  • 超文本:音頻,視頻,圖片稱為超文本。
  • 標記 :<英文單詞或者字母>稱為標記,一個HTML頁面都是由各種標記組成。

作用:HTML是負責描述文檔語義的語言。

註意:HTML語言不是一個編程語言(有編譯過程),而是一個標記語言(沒有編譯過程),HTML頁面直接由瀏覽器解析執行。

HTML是負責描述文檔語義的語言

html中,除了語義,其他什麽都沒有。

html是一個純本文文件(就是用txt文件改名而成),用一些標簽來描述文字的語義,這些標簽在瀏覽器裏面是看不到的,所以稱為“超文本”,所以就是“超文本標記語言”了。
所以,接下來,我們肯定要學習一堆html中的標簽對兒,這些標簽對兒能夠給文本不同的語義。

比如,面試的時候問你,h1標簽有什麽作用?

    • 正確答案:給文本增加主標題的語義。
    • 錯誤答案:給文字加粗、加黑、變大。

2、HTML的網絡術語

  • 網頁 :由各種標記組成的一個頁面就叫網頁。
  • 主頁(首頁) : 一個網站的起始頁面或者導航頁面。
  • 標記: <p>稱為開始標記 ,</p>稱為結束標記,也叫標簽。每個標簽都規定好了特殊的含義。
  • 元素:<p>內容</p>稱為元素.
  • 屬性:給每一個標簽所做的輔助信息。

二、HTML顏色介紹

顏色表示:

  • 純單詞表示:red、green、blue、orange、gray等
  • 10進制表示:rgb(255,0,0)
  • 16進制表示:#FF0000、#0000FF、#00FF00等

我們大家先記住幾個純單詞的顏色,css課程中會詳細講10進制和16進制。

RGB色彩模式:

  • 自然界中所有的顏色都可以用紅、綠、藍(RGB)這三種顏色波長的不同強度組合而得,這就是人們常說的三原色原理。
  • RGB三原色也叫加色模式,這是因為當我們把不同光的波長加到一起的時候,可以得到不同的混合色。例:紅+綠=黃色,紅+藍=紫色,綠+藍=青
  • 在數字視頻中,對RGB三基色各進行8位編碼就構成了大約1678萬種顏色,這就是我們常說的真彩色。所有顯示設備都采用的是RGB色彩模式。
  • RGB各有256級(0-255)亮度,256級的RGB色彩總共能組合出約1678萬種色彩,即256×256×256=16777216。

HTML第一天