當前位置：妙知谷 >

關於HTML的百科

HTML分隔線如何美化？

  • HTML分隔線如何美化？

  • 做HTML頁面開發時，在幾段文字之間，或幾塊內容之間，經常會使用分隔線去做分隔，以讓頁面顯示更加有條理。分隔線我們基本上都是用hr標籤去生成，怎麼去美化這個分隔線？下面一起看下。操作方法（01）先看下我們的html代碼，二個p段落，中間用hr作分隔，代碼如圖。（02）頁面運行後，可以看到，默認的h...
  • 30012
html網頁跳轉代碼大全

  • html網頁跳轉代碼大全

  • 我們編寫HTML頁面的時候，經常需要實現頁面之間的跳轉功能。HTML頁面之間的跳轉包括refresh方式跳轉，location方式跳轉，history方式跳轉。下面小編就給大家分別介紹一下這三種跳轉方式。refresh方式跳轉refresh方式的跳轉直接在head的meta標籤裏面添加就可以了，如下圖所示，通過...
  • 13607
HTML，如何製作導航欄？

  • HTML，如何製作導航欄？

  • 在用html做一個網頁時，首先需要處理的是導航欄了。怎樣製作一個導航欄？以前的做法基本都是用table來做，現在我們用無序列表ul來做，下面一起來看下。操作方法（01）首先我們寫html代碼，就是用ul，li無序列表來放置我們的菜單項，代碼如圖。（02）運行目前的代碼，可以看到是一個比較醜陋的導...
  • 26775
如何在HTML中設置網頁背景顏色

  • 如何在HTML中設置網頁背景顏色

  • 想在HTML中設置網頁背景顏色，你只需要在標籤中的“body”元素做些簡單的更改就行了。這些步驟根據你想要的效果而略有不同。本文會教你如何設置單色背景、圖片背景、漸變背景或動態變色背景。設置單色背景（01）用你常用的文本編輯器打開HTML文件。從HTML5開始就不再支持<bgco...
  • 20421
HTML頁面怎麼設置錨點

  • HTML頁面怎麼設置錨點

  • 錨點--是網頁的超鏈接中的一種，也叫做命名錨點，通過name來定位。可以實現在同一頁頁面中進行鏈接，很常用，它的英文名稱是anchor，也是用a標籤來鏈接的。它的作用是鏈接同一個頁面的某一個章節。操作方法（01）首先打開製作網頁的工具，現在很多軟件都可以用來製作網頁，像是eclipse、my...
  • 5595
在html中插入整個頁面的背景圖

  • 在html中插入整個頁面的背景圖

  • 操作方法先做一個簡單的HTML頁面，頁面裏只有一個div和一段文字。要添加整個頁面的背景圖片，我們就只能把背景加到body標籤裏了，所以我們在body裏添加一個樣式，叫‘bg’然後定義這個bg的樣式規則，主要就是添加background-image樣式，就是添加背景圖。background-repeat是讓背景圖...
  • 23118
在編寫HTML時，怎樣讓DIV文字居中？

  • 在編寫HTML時，怎樣讓DIV文字居中？

  • 我們在HTML頁面中編寫DIV的時候，文字一般都默認對齊在DIV的左上角，那麼怎麼讓DIV中的文字居中呢？下面小編給大家分享一下。工具/材料SublimeText操作方法首先打開SublimeText軟件，新建一個HTML頁面，如下圖所示然後我們在html頁面中加入div標籤，並且在div標籤中加入一些文字，如下...
  • 18381
HTML無序列表ul標籤用法

  • HTML無序列表ul標籤用法

  • 我們在用HTML編寫頁面的時候，經常需要用ul標籤來調整列表。那麼如何使用ul標籤呢？下面小編給大家分享一下。工具/材料sublimetext操作方法首先我們打開sublimetext軟件新建一個html文檔，如下圖所示然後在html文檔中加入ul標籤內容，如下圖所示運行頁面代碼以後你就會看到ul中...
  • 14456
HTML是什麼意思？

  • HTML是什麼意思？

  • html是超文本語言。下面，我們來詳細看看html是什麼吧。操作方法後綴名文本文檔的後綴名是，Word文檔後綴名是，而HTML網頁的後綴名是，HTML是超文本標記的語言。現在很多網站的網頁大多是由一個個HTML頁面組成的，比如隨意打開某種網頁，可以看到其後綴名是以結尾的，如下圖所示：HTML文...
  • 12574
怎樣設置用指定的瀏覽器打開html文件

  • 怎樣設置用指定的瀏覽器打開html文件

  • 我們知道，html文件是構成網頁文檔的主要語言。那怎樣才能用指定的瀏覽器打開html文件呢？今天我就來説説這個問題。操作方法我們找到一個html文件，雙擊打開，我們發現，它是以系統自帶IE瀏覽器打開的。我現在需要指定html文件都用搜狗瀏覽器打開，首先，右鍵單擊該html文件，在彈出菜單...
  • 25253
HTML mailto的用法介紹

  • HTML mailto的用法介紹

  • 做網站開發，如果用户需要向網站管理人員發送郵件時，我們通常都是添加一個鏈接，然後用mailto來彈出客户端的郵件工具，來觸發郵件發送。具體使用下面一起來看下。操作方法（01）Html代碼很簡單，如圖，就是一個a鏈接，然後mailto加上管理員的郵箱。（02）Hmlt運行後，就是顯示一個鏈接，我們點擊...
  • 12154
HTML網頁製作：[1]插入圖片

  • HTML網頁製作：[1]插入圖片

  • HTML網頁插入圖片。感興趣的小夥伴們快來了解一下吧。插入圖片（01）將光標定位在HTML文檔中要插入圖像的位置。（02）點擊“插入”菜單，選擇“圖像”項，或者單擊“插入”面板上“常用”項，選擇“圖像”按鈕。（03）點擊“圖像”按鈕，彈出“選擇圖像源文件”對話框。（04）選擇完之後，單擊“確...
  • 5681
如何創建html網頁

  • 如何創建html網頁

  • 想學習自己製作網頁嗎，第一個html網頁其實是很簡單的哦，那我們接下就一起試試吧！操作方法（01）在電腦桌面或者在文件夾中點擊:鼠標右鍵-->新建-->文本文檔，一般新建好的文檔名字叫“新建文本文檔”。（02）如果您創建的文檔沒有後綴名“txt”，請不要急，下面的步驟將教您如何顯示“txt...
  • 30997
HTML和css怎樣製作橫排導航條，菜單

  • HTML和css怎樣製作橫排導航條，菜單

  • 很多小夥伴學習了一段時間的HTML和css，就想自己動手試試製作導航條菜單，不過卻沒有思路，今天小編我就來分享一下HTML和css製作導航條的實例，大家可以參考參考。操作方法（01）如圖，製作導航條菜單一般是用一個div嵌套ul和li標籤，然後li裏面有a標籤。（02）佈局做好之後，開始寫導航條的樣...
  • 17713
學習html製作網頁：表單試題及代碼

  • 學習html製作網頁：表單試題及代碼

  • HTML中的表單大多數用form表單來收集用户的數據，將用户填寫的數據通過get或者post的方式傳遞出去，下面簡單介紹form表單中的幾種常見的標籤工具/材料瀏覽器操作方法新建一個HTML文件，命名為演示的標籤有輸入文本，對應的標籤是type=text，代碼實例,頁面效果如下下一個常用的標籤...
  • 5080
HTML網頁製作：[14]創建框架鏈接

  • HTML網頁製作：[14]創建框架鏈接

  • 這篇是和我的HTML網頁製作系列的前兩篇掛鈎的。好吧，如果你還不知道什麼是框架，請看我的第12,13篇《HTML網頁製作》。一.frameset的連接方法（01）首先看下小編的目錄架構1.html將作為主頁面2.html將作為目錄頁面，裏面有2個目錄，分別是目錄一和目錄二3.html為目錄一將要鏈接的頁...
  • 28417
如何創建一個html文件

  • 如何創建一個html文件

  • html是超文本標記語言，也是最簡單的一門編輯語言。下面，我們來看看何創建一個html文件吧。操作方法記事本現在桌面建立一個記事本，如下圖所示：然後輸入html基本內容，如下圖所示：代碼：<html><head><title></title></head><body><p>helloworld</p></p></body></html>另存為點擊【...
  • 21155
html如何設置標籤input文本框為只讀？

  • html如何設置標籤input文本框為只讀？

  • html中的input用處很廣泛，尤其是當我們在網頁開發中需要用到表單的時候。這裏我們看看有哪些方法讓input標籤不可編輯。操作方法（01）我們創建一個html5頁面，添加如下圖所示input標籤。創建過程我就不説了，Ctrl+n即可，這裏我們創建的是H5的頁面，當然，h4的也行。（02）然後我們在Dreamw...
  • 17868
HTML網頁返回頂部怎麼做

  • HTML網頁返回頂部怎麼做

  • 我們瀏覽網頁的時候，可以看到頁面的底部會有一個“返回頂部”的圖標按鈕，點擊它就回返回頂部，那麼怎樣實現返回頂部的效果呢？操作方法（01）如圖，先進行網頁佈局，一個content的div用來存放內容，一個fixed的div用來設置返回頂部圖標。（02）然後設置content的寬度高度，這裏只是舉個例子，我...
  • 19742
HTML實例?網頁登錄頁面代碼編寫

  • HTML實例?網頁登錄頁面代碼編寫

  • 操作方法（01）如圖所示，先編寫一個div，div裏面有一個form表單，包括有兩個輸入框和登錄按鈕。Input中的type的text表示的是文本框，password表示的密碼框。Placeholder表示的輸入框中的默認文字，當我們沒有往輸入框輸入文字就會默認顯示，如果我們往輸入框輸入文字就會自動消失。Requ...
  • 19119
HTML中th和td區別

  • HTML中th和td區別

  • 操作方法（01）很多人想問在HTML中<th>和<td>標籤都是用於單元格內容顯示的，那麼有什麼區別呢?下面我們將用實例和代碼來演示。由此可見，<th>和<td>標籤都是用於表格單元格顯示的。不同的是<th>在單元格中加粗顯示。<th>：定義表格內的表頭單元格。此th元素內部的文本通常會呈現...
  • 24143
html怎麼添加註釋和顯示特殊字符

  • html怎麼添加註釋和顯示特殊字符

  • 有時候，為了提高程序的可讀性，我需要在html語句中添加註釋，並要求它們不在網頁中顯示；與之相對，有些涉及html語法的特殊字符不能直接在網頁中顯示，我們需要用其代碼名稱表示。操作方法（01）添加註釋的格式為開始標記符“<!--”和結束標記“-->”，“<!--”標記符和“-->”標記符之間...
  • 15990
html中a標籤的四個偽類

  • html中a標籤的四個偽類

  • 今天為大家介紹一下html中a標籤的四個偽類，即用於向被選中元素添加特殊的效果......操作方法（01）偽類：偽類用於向被選中元素添加特殊的效果。(元素在特定情況下才具備的)如圖分別是將a標籤的link、hover、active、visited修改後的樣式（02）a標籤的四個偽類之link即未訪問（默認）的a...
  • 29421
outlook如何實現html和純文本格式間的互換？

  • outlook如何實現html和純文本格式間的互換？

  • 今天在使用outlook的時候，發現無法在郵件中添加圖片，嘗試了好一會才發現郵件格式是純文本格式。那麼這種情況如果需要在新建郵件中添加圖片該如何處理呢？工具/材料outlook操作方法如下正在編輯一份郵件，需要添加一張截圖，但不管是什麼截圖，都無法複製黏貼成功，總是提示圖片丟失...
  • 25860
如何在HTML中插入空格

  • 如何在HTML中插入空格

  • 通常情況下，我們用空格鍵來打出多個空格，而在編寫代碼時，通過空格鍵、Tab鍵以及回車鍵打出的空格，都會被HTML（超文本標記語言）自動忽略。HTML將這樣的鍵視為空白字符，並顯示為單個空白間隔。儘管CSS提供了多種樣式的空格和縮進，但是在HTML中也有一些工具可以讓你自己定義空格。插...
  • 3596

熱門推薦

猜您喜歡
專題
友情鏈接