HTML進階

 

h1-h6

內容與標籤相適應

是標題的就用h1-h6

是內容的通常用p

 

pre（predefined）

預格式化文本

 

 

 

 

center:<center>居中內容</center>

修改古詩案例

<div>和span區別塊元素和行內元素

div: division,塊元素，雙標籤。特色：

span: 行內元素：雙標籤。

塊：p, h1-h6, pre div,

行內：font b em I b strong del

 

HTML字符實體：空格，<,>,&,￥版權，註冊商標,申請中的商標

空格， 表明一個字符的空白

第二種方法：在輸入法全角狀態下，直接敲空格，表明一個漢字

<,>,<>

&,&

￥ ¥

版權，©

 

註冊商標,®

申請中的商標 ™

HTML列表

有序列表 ol li type=」默認是數字序號，a,A,i,I」 start :從哪一個地方開

 

無序列表

type : disc 默認的黑色點， circle 圓圈， square 方塊

 

 

 

自定義列表

dl

dt 定義標題

dd description 對上面的標題進行描述

 

滾動字幕標記 marquee direction behavior width height  bgcolor hspace vspace scrollamount scrolldelay

 

direction 方向 left (默認)， right 向右，up 向上，down 向下

behavior :行爲：scroll 默認，alternate 左右, slide 只一次

width  寬度

height  高度

bgcolor 背景色

hspace  水平方向空白

vspace 垂直方向

scrollamount 速度，像素/秒

scrolldelay 間隔 單位：毫秒，(1秒＝1000毫秒)

bgsound 火狐安裝插件 版本建議39以上

<bgsound  src=」」  loop = 「-1」 />

bgsound是單標記

 

 

src:路徑,建議（將聲音和圖片和當前網放在一塊兒，路徑直接寫文件名及擴展名便可。）

loop =」-1」 無限循環

 

Html顏色表示 計算機進制:十，八，十六，二

計算器命令：在運行中輸入：calc->查看->程序員->

 

十六進制：每兩個一組，一共三組

#開頭

#rrggbb

前兩個表明紅表，中間表明綠色，最後兩個表明是藍色

每一位的取值範圍：(0-9,a,b,c,d,e,f)

經常使用的到顏色：

#333，#444，#ccc, #575757

 

計算機編碼:ASCII,ANSI,GB2312,GBK,BIG5,JIS,unicode,utf-8

字節，是計算機中最小的存儲單位

位，是計算機中最小的處理單位

1B＝8b

1024bit=1KB;1024KB=1MB, 1024MB=1GB,1024GB=1TB

1024Mb/8=128KB

ANSI

GB2312 GBK,GB18030

JIS

ISO Unicode 4個字節

A 01000001

A 00000000000000000000000000001000001

KEN

UTF-8

ASCII->ASNI(GB2312,JIS)->Unicode->utf-8

BIG5

解決亂碼問題

只要保證編碼一致就不會出現亂碼

編輯器設置

meta 字符設置

<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />

http-equiv:服務器通知瀏覽器用什麼字符來顯示本頁面

content=」text/html」 大類text文本文件下的html文件

charset=」」 咱們要在這裏設置字符編碼，gbk, gb2312簡體中文,utf-8(萬國碼)

瀏覽器編碼

PHP字符集設置

Mysql數據庫字符集設置

 

火狐：

 

meta標記

 

http-equiv(content-type,refresh)

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

<meta http-equiv="refresh" content="3;http://www.baidu.com" />

refresh 刷新；頁面跳轉，主要應用：域名更換等。

name(keywords,description,author,copyright)

<meta name=」author」 content=」」 />

<meta name=」copyright」 content=」」 />

<meta name=」 keywords」 content=」」 /> 60－80

<meta name=」 description」 content=」」 /> 120－200

有關描述搜索引擎會生成一個摘要

 

 

W3C簡介

world wide web consortium(w3c)

1994成立

制定web標準( 結構(html)，表現(CSS)，行爲(ECMAscript))

並推廣web標準，敦促web開發者使用web標準

百度，騰訊，360，1688

2013 北京 航空航天大學

Microsoft, apple, google, adobe

DTD文檔類型定義strict  transitional  frameset

strict嚴格型

 

transitional過分

frameset 框架

 

 

圖片標記

img src width height border hspace vspace align alt

常見圖片格式

 

對於圖片的寬和高，只設置一個，另外一個會按比例自適應

能夠縮小，但不能夠放大，放大就會失真

alt:替換文本

 

 

 

border 圖片的邊框，默認是黑色的邊，不能夠設置。只能經過樣式修改，以下面的操做，能夠先試一下

 

絕對路徑與相對路徑

絕對路徑

描述：形如：c:\img\cat.jpg ,」一個真實的路徑」

目錄，就是文件夾

file:///C:/Users/Administrator/Desktop/day2/cat.jpg

https://www.baidu.com/img/bd_logo1.png

<li><a href="/product/">合做項目</a></li>

「/」表明網站的根目錄

c:\img\cat.jpg

相對路徑 （三種狀況）

目標文件（img）和當前文件(網頁)是同級別

目標文件的路徑寫法：直接寫文件名和擴展名便可。

 

目標文件所在的文件夾與當前頁面是同級

 

目標文件的路徑的寫法：文件夾的名稱/目標文件的名稱+擴展名

 

目標文件在當前頁面的上一級。用：../

../就是指的向上一級。

若是目標文件在當前頁面的上兩級再 加一個../

關於路徑，咱們在作網站的時候通常用相對路徑。