HTML基礎篇分享

標籤：使用   ansi   alt   瀏覽器   位置   字元   方式   ide   背景顏色   

今天繼續給大家分享一些我整理好的HTML基礎部分的筆記。

首先今天第一部分：跑馬燈標記

<marquee></marquee>

常見屬性：

l direction：滾動的方向  取值 left(預設值  從右向左進行滾動)、right、up、down

l behavior：滾動的方式  取值：scroll(滾動 預設值)  slide(滑動 只滾動一次)  alternate(彈動  打乒乓球一樣 )

l width：設定寬度  

l height：設定高度

l bgColor：設定背景顏色

l scrollAmount：滾動的步長值    一步走多遠    值越大速度越快

  

二、電腦進位

在電腦中有以下幾種進位：

十進位：0、1、2、3、4、5、6、7、8、9   基數：10

二進位：0、1                           基數：2

八進位：0、1、2、3、4、5、6、7         基數：8

十六進位：0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F    基數：16

 

生活中有哪些進位：

十進位

24小時

七天一個星期

60分鐘錶示一個小時

365天表示一年

12月表示一年

16兩等於1市斤

 

如何將其它的進位轉換為十進位 ：

 

按權展開

 

(123456.11)10 = 1*105+2*104+3*103+4*102+5*101+6*100+1*10-1+1*10-2

 

(1001.11)2  = 1*23+0*22+0*21+1*20+1*2-1+1*2-2      9.75  

 

(67)8=  6*81+7*80   =  55

 

(FF )16 =  15*161+15*160  = 255

 

 

十進位如何轉換為二進位

 

整數部分與小數部分

 

整數部分：除2取餘法

小數部分

乘2取整法

 

電腦它只能識別二進位  

三、電腦編碼

因為電腦它只能識別二進位  

在電腦發明之初它是沒有辦法去識別人類的語言   

字母A  在小明同學的電腦上面是使用1001來表示

字母B  在小強同學的電腦上面是使用1001來表示  

 

因為電腦是美國人發明的  美國有一個標準化局它就制定了一套字元編碼的標準來讓電腦與電腦之間能夠進行通訊  ASCII編碼

ASCII編碼

它是使用一個位元組來儲存字元  每一個字元都使用一個位元組來儲存  

一個位元組共可以儲存多少個字元：

一個位元組等於 8位   它共可以儲存256個字元  

ASCII編碼它可以給英文國家來進行使用

每個國家都想使用電腦來進行通訊 但是ASCII編碼不能滿足非英文國家使用 所以就對ASCii編碼進行擴充   ANSI編碼

ANSI編碼

它是使用2個位元組來儲存字元  

一個漢字它其實就是佔據了兩個位元組的位置  

2個位元組共可以儲存256*256 = 65536個字元

 

GB2312編碼

它是中國標準化局於1980年制定的  當時它共儲存了6000多個漢字  

朱鎔基

它也是使用2個位元組來儲存

GBK編碼

它也是使用2個位元組來儲存

它共儲存了2W多個漢字  

 

Unicode

它想讓每個國家與國家都能夠正常的通訊

它使用3~4個位元組來儲存字元

現在它共收錄了100多萬個字元  

 

UTF-8

我們可以將這個字元編碼理解為智能機器人

它會根據字元的情況去判斷使用幾個位元組來儲存字元  

A   使用一個位元組來儲存

我  使用二個位元組來儲存  

最大程度是減少了空間  

 

四、head標記

title標記

這個標記的作用是用來顯示網頁的標題

 

meta標記

它主要的作用：

n 它告訴瀏覽器要使用什麼編碼來解析當前的文檔

n 它可以實現網頁重新整理

n 它可以實現網頁跳轉

它還可以實現SEO最佳化

告訴瀏覽器要使用什麼編碼來解析當前的文檔

<meta  http-equiv="Content-Type"  content="text/html;charset=字元編碼 ">

 

 

XHTML

可擴充超文字標記語言 (HTML)

 

HTML文法上稍微嚴格一些！！

l 單邊標記要結束

l 標籤名必須要小寫

l 屬性必須要屬性值

l 文檔前面必須要有DTD定義

 

超級連結

<a  href=”要連結的目標地址URL”  target=”_self|_blank”>文字或者圖片</a>

 

相對路徑

平級關係    當前檔案與目標檔案在同一個檔案夾裡面

上級關係 目標檔案在當前檔案的上一級

下級關係    目標檔案在當前檔案的下一級

 

 

上級關係 ：   ../表示上一級

              ../../表示上兩級

 

錨點連結

要實現錨點連結需要兩步：

第一步：要定義錨點

<a  name=”錨點名”></a>或者<a  id=”錨點名”></a>

第二步：要找到定義的錨點連結

<a href=”#錨點名”>文字或者圖片 </a>

圖片標記

<img  />

src：圖片的URL地址

alt：如果圖片不存在的時候 顯示的文字資訊  有利於SEO最佳化

title：當滑鼠放片上面時 顯示的文字資訊

width：設定圖片的寬度

vspace：設定圖片的上下的距離

hspace：設定圖片的左右的距離

 

HTML基礎篇分享