html代碼大全
超文字標記語言(標準通用標記語言下的一個應用,外語縮寫HTML),是迄今爲止網絡上應用最爲廣泛的語言,也是構成網頁文檔的主要語言。HTML文字是由HTML命令組成的描述性文字,HTML命令可以說明文字、圖形、動畫、聲音、表格、連結等。HTML的結構包括頭部(Head)、主體(Body)兩大部分,其中頭部描述瀏覽器所需的資訊,而主體則包含所要說明的具體內容。
操作方法
(01)結構性定義:檔案類型 <HTML></HTML> (放在檔案的開頭與結尾)檔案主題 <TITLE></TITLE> (必須放在「文頭」區塊內)文頭 <HEAD></HEAD> (描述性資料,像是「主題」)文體 <BODY></BODY> (檔案本體)(由瀏覽器控制的顯示風格)標題 <H?></H?> (從1到6,有六層選擇)標題的對齊 <H? ALIGN=LEFT|CENTER|RIGHT></H?>區分 <DIV></DIV>區分的對齊 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>引文區塊 <BLOCKQUOTE></BLOCKQUOTE> (通常會內縮)強調 <EM></EM> (通常會以斜體顯示)特別強調 <strong></strong> (通常會以加粗顯示)引文 <CITE></CITE> (通常會以斜體顯示)碼 <CODE></CODE> (顯示原始碼之用)樣本 <SAMP></SAMP>鍵盤輸入 <KBD></KBD>變數 <VAR></VAR>定義 <DFN></DFN> (有些瀏覽器不提供)地址 <ADDRESS></ADDRESS>大字 <BIG></BIG>小字 <SMALL></SMALL>與外觀相關的標籤(作者自訂的表現方式)加粗 <B></B>斜體 <I></I>底線 <U></U> (尚有些瀏覽器不提供)刪除線 <S></S> (尚有些瀏覽器不提供)下標 <SUB></SUB>上標 <SUP></SUP>打字機體 <TT></TT> (用單空格字型顯示)預定格式 <PRE></PRE> (保留檔案中空格的大小)預定格式的寬度 <PRE WIDTH=?></PRE>(以字元計算)向中看齊 <CENTER></CENTER> (文字與圖片都可以)閃耀 <BLINK></BLINK> (有史以來最被嘲弄的標籤)字型大小 <FONT SIZE=?></FONT>(從1到7)改變字型大小 <FONT SIZE=+|-?></FONT>基本字型大小 <BASEFONT SIZE=?> (從1到7; 內定爲3)字型顏色 <FONT COLOR='#$$$$$$'></FONT>。
(02)連結與圖形:連結 <A href='/URL'></A>連結到錨點 <A HREF='URL#***'></A>(如果錨點在另一個檔案)<A HREF='#***'></A> (如果錨點前的檔案)連結到目的視框 <A href='/URL' TARGET='***'></A>設定錨點 <A NAME='***'></A>圖形 <IMG src='/URL'>圖形看齊方式 <IMG src='/URL' ALIGN=TOP|BOTTOM|MIDDLE>圖形看齊方式 <IMG src='/URL'ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>取代文字 <IMG src='/URL' ALT='***'> (如果沒有辦法顯示圖形則顯示此文字)點選圖 <IMG src='/URL' ISMAP> (需要CGI程式)N2.0 點選圖 <IMG src='/URL' USEMAP='URL'>N2.0 地圖 <MAP NAME='***'></MAP>(描述地圖)N2.0 段落 <AREA SHAPE='RECT' COORDS=',,,' href='/URL'|NOHREF>3.0 大小 <IMG src='/URL' WIDTH='?' HEIGHT='?'>(以pixels爲單位) N1.0 圖形邊緣 <IMG src='/URL' BORDER=?> (以pixels爲單位)N1.0 圖形邊緣空間 <IMG src='/URL' HSPACE=? VSPACE=?> (以pixels爲單位)N1.0 低解析度圖形 <IMG src='/URL' LOWsrc='/URL'>N1.1 用戶端拉 <META HTTP-EQUIV='Refresh' CONTENT='?; URL=URL'>(使用端自動更新 )N2.0 內嵌物件 <EMBED src='/URL'> (將物件插入)N2.0 內嵌物件大小 <EMBED src='/URL' WIDTH='?' HEIGHT='?'>3、連結(命令)<a href="URL"></a> 創建一個超連結<a href="mailto:EMAIL"></a> 創建一個自動發送電子郵件的連結 <a name="NAME"></a> 創建一個位於文檔內部的靶位<a href="#NAME"></a> 創建一個指向位於文檔內部靶位的連結。
(03)案列一:<html><body><h1>My First Heading</h1><p>My first paragraph.</p></body></html>案列二:<html><head><title>我的第一個 HTML 頁面</title></head><body><p>body 元素的內容會顯示在瀏覽器中。</p><p>title 元素的內容會顯示在瀏覽器的標題欄中。</p></body></html>
-
excel怎麼將表格轉換成圖片
excel中的表格怎麼樣轉換成圖片,讓小編教給你指南。操作方法(01)首先開啟一個工作樣表作爲例子,將圖中表格轉換爲圖片。(02)選擇需要轉換的表格。(03)切換到開始標籤。(04)點擊複製下拉小箭頭。(05)選擇複製爲圖片。(06)點擊確定。(07)點擊粘貼命令。(08)完成表格轉換爲圖片目的...
-
HTML,如何製作導航欄?
在用html做一個網頁時,首先需要處理的是導航欄了。怎樣製作一個導航欄?以前的做法基本都是用table來做,現在我們用無序列表ul來做,下面一起來看下。操作方法(01)首先我們寫html代碼,就是用ul,li無序列表來放置我們的選單項,代碼如圖。(02)執行目前的代碼,可以看到是一個比...
-
FLYME7系統怎麼樣?
魅族公司作爲國產手機的領航者,每一款新產品都會受到用戶們的期待,那麼即將推出的最新Flyme7系統怎麼樣呢?一起來了解一下。操作方法(01)Flyme是國內操作系統的標杆,同MIUI能夠並驅前行,之前MIUI9已經發布,讓很多人看到了驚豔,Flyme7卻還在醞釀,很多人都在期待。(02)最近魅...
-
PHP如何獲取日期的年份?
在PHP開發中,我們很多時候會用到日期,當我們只用到日期的年份時,怎麼獲取一個日期的年份?下面一起來看下。操作方法(01)用到日期函數,我們當然少不了用date方法了。看下我們的代碼,如圖,很簡單,就是用date方法獲取到當前日期,然後用‘y'標誌格式化日期輸出,只輸出年份...