基本的html常見問題，你應該書籤
HTML已經存在了很長一段時間了，所以是時候學習基本知識了。它是什麼，如何工作，以及如何在HTML中編寫一些常用元素。
在開始之前，請務必閱讀我們的指南，免費在線HTML編輯器和最好的網站的質量HTML的例子。
什麼是html格式(html)？
HTML是用來構造網頁的語言。HTML代表超文本標記語言，是一組簡單的web瀏覽器指令。使用這些說明，瀏覽器將顯示網頁的外觀。
重要的是要理解它是一種標記語言，而不是一種編程語言。編程語言允許您解決問題，例如數學公式、操作數據或移動視頻遊戲角色。
你不能用HTML寫任何邏輯。它只與佈局有關。
html是什麼樣子的？
HTML由幾個被稱為“標記”的元素組成。標籤是設置網頁特定部分樣式的說明。回到建築，HTML是平面圖，標籤是特定的特性，比如窗或門。
以下是HTML中非常基本的網頁的外觀：
<html> <head> <title>MUO Website</title> </head> <body> </body></html>HTML中的標記是預定義的，並指定常見功能，如圖像、指向其他網頁的鏈接、按鈕等。
絕大多數標籤必須是開放和關閉的。這只不過是定義了一些特性，其中包含文本、圖像或其他標記，然後結束定義。回想房子，打開標籤就像是說“在這裡打開窗戶”，關閉標籤就像是說“窗戶在這裡結束”。
HTML標籤實際上不會出現在你的網站上。您的瀏覽器遵循說明，但從不向任何訪問者顯示。然而，這並不是祕密。發佈網頁後，任何人都可以查看您的HTML。
雖然有大量不同的HTML標記，但在編寫網站代碼之前，您不必全部學習它們。今天您將學習如何編寫一些常用標記，以及它們的用途。
什麼是html標記屬性(html tag attributes)？
關於標籤，最後要知道的是屬性。屬性定義標記的特殊特性。如果標記是窗和門，則屬性指定特定的建築細節。這可能是框架的寬度和高度，無論窗戶是否打開，或者門是否有鎖。
屬性包含在開始標記中，如下所示：
<p width="123" height="567"></p>你不能只編你自己的標籤或屬性。屬性和標記是由萬維網聯盟（W3C）預先定義的。
什麼是html5(html5)？
HTML5是HTML的最新版本。它包含幾個新的標記、屬性和功能。
由於HTML是一組指令，不同的web瀏覽器有時會對其進行不同的解釋。一個瀏覽器可能會決定窗戶和門應該漆成黑色，除非你另有說明。
雖然瀏覽器之間終於開始變得相當一致了，但有時你還是會被一些非常新的特性所吸引。也許googlechrome已經實現了一個新的標籤，但是微軟的internetexplorer還沒有實現。
在大多數情況下，你的網頁在所有主流瀏覽器中看起來都是一樣的，但是在你發佈任何東西之前還是值得做一個快速測試的，特別是如果你使用的是更新的標籤，可能還不是所有瀏覽器都支持。
如果你想了解更多關於HTML5的知識，那麼請看一下我們的HTML5入門指南。
如何註釋html
與許多其他語言、標記或編程一樣，HTML能夠“註釋掉”標記塊。註釋是瀏覽器忽略的內容。這可能是一個提示，提醒你自己這一塊你的網站做什麼。
通過註釋標記，您將指示瀏覽器忽略一個或多個標記。這對於刪除功能或隱藏網站的一部分而不刪除代碼可能很有用。
當網絡瀏覽器看到一條評論時，它會理解為“除非我另有說明，否則不要使用這些說明”。註釋由“開始”註釋和“結束”註釋組成，就像標籤一樣。
舉個例子：
<!-- Don't forget to add the XYZ here! --><p width="123" height="567"></p>註釋代碼的方式完全相同：
<!-- <p width="123" height="567"></p> -->將標記放在註釋標記之間，而不是放在消息中。
如何在html中**圖像
使用圖像標記將圖像**HTML：
<img src="MUO_logo.jpg" alt="MakeUseOf Logo">注意標記名是如何被稱為img的，有兩個屬性。src屬性指定在何處查找圖像，alt標記是另一種文本描述，以防由於任何原因無法加載圖像。
與大多數其他標記不同，圖像標記不需要關閉。
如何在html中更改字體
可以使用字體標記和“面”屬性更改字體：
<font face="arial">MUO Arial Text</font>
使用“大小”屬性可以輕鬆更改字體大小：
<font size="12">MUO Big Text</font>
如果要更改字體顏色，可以使用“顏色”屬性輕鬆完成：
<font color="red">MUO Red Text</font>
這些屬性對於字體標記是唯一的。如果要使用另一個標記，可以通過將一個放置在另一箇中來嵌套標記：
<p><font color="red">MUO Red Text</font></p>如何在html中添加鏈接
可以使用a標記添加鏈接：
<a href="https://www.makeuseof.com">MakeUseOf.com</a>href屬性是鏈接的目標。
如何用html**表格
HTML表包括嵌套幾個不同的標記。您需要從表標記開始：
<table> </table>現在使用tr標記添加一些行：
<table> <tr> </tr> <tr> </tr> <tr> </tr></table>最後，使用td標記創建表單元格，這也將創建列：
<table> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr></table>你可能會對你的桌子佈局太過瘋狂，但如果可能的話，最好保持簡單。在過去，表格是用來構造網頁的，但這種做法已經過時，看起來很糟糕。只保留表以便將數據轉發給讀取器。
在html中使用css
這些例子涵蓋了基礎知識，但是如果你想真正有創意，你需要使用CSS。層疊樣式表允許您更好地控制網站設計，並允許您在網站的不同部分之間重用大量代碼。
雖然我們有學習CSS的教程和快速CSS示例，但仍然可以在HTML中進行一些設置。
如果您想在HTML旁邊編寫CSS，可以使用style屬性。此屬性僅將CSS應用於它所使用的標記：
<p ></p>雖然這種方法很有效，但是如果有很多需要類似樣式的標記，那麼維護起來會很困難。
更好的方法是使用樣式標記，放置在head標記中。您可以在這裡為整個頁面定義CSS：
<html> <head> <style type="text/css"> MANY CSS RULES </style> </head></html>style標記具有text/css屬性。這是必要的，讓您的瀏覽器知道確切的風格，期望在標籤。
使用CSS的第三種也是最後一種方法是通過一個外部文件，使用link標記。這會將您的HTML鏈接到存儲在自己文件中的CSS，如果您有大量的CSS，這將非常有用：
<link rel="stylesheet" type="text/css" href="muostyle.css">這裡使用了幾個屬性。rel屬性將鏈接聲明為樣式表。type屬性中再次定義了“text/css”類型，href屬性是查找外部文件的位置。
你如何用html創建網站？
如你所見，HTML真的沒那麼糟糕，是嗎？使用一些簡單的標記和屬性，您可以快速組裝一個網頁，即使您以前從未編寫過HTML！
如果你想寫一個完整的網站，那麼一定要看看我們的初學者指南，使一個網站。
- 發表於 2021-03-25 17:43
- 閱讀 ( 52 )
- 分類：程式設計
你可能感興趣的文章
firefox常見問題解答：回答的7個關鍵問題
Mozilla Firefox已經存在很長時間了，是Chrome、Microsoft Edge和Opera等其他主流瀏覽器的競爭對手。如果您一直在使用不同的瀏覽器，並且希望切換到Firefox，那麼在您開始探索Firefox for Windows時，我們會為您提供一些問題的答案。 ...
谷歌chrome常見問題解答
...使用Chrome的最重要的問題。現在您知道如何執行瀏覽器的基本功能了。如果有疑問，您要查詢的內容可能在“設定”選單中。 ...
頑固派的internet explorer常見問題解答
... 在這裡，我們收集了一些關於IE的常見問題。請繼續閱讀，為瀏覽器的一些最重要的功能找到簡單的答案。 ...
如何在adobe reader中為pdf文件中的頁面新增書籤
... 但它仍然缺少PDF閱讀應用程式中最基本的功能之一：為頁面新增書籤的功能。 ...
輕量級標記語言：這就是為什麼應該使用asciidoc而不是常規標記語言
...的簡單性，DocBook是長格式（尤其是技術性）寫作中比較常見的格式之一。它聲名鵲起的原因之一是它是一對一的翻譯，這意味著DocBook中的每一個元素，在Asciidoc中都有相應的表示。下面我們來看看Asciidoc與Markdown相比的優缺點。 ...
如何設定和使用kindle paperwhite
...（不包括壁式充電器）。 快速安裝指南，基本上只是告訴你**並開啟你的Kindle。 保修/法律資訊指南。 ...
所有linux使用者都應該為10個網站新增書籤
...文章被重新調整為新的網站內容不時，給你足夠的閱讀。常見的how-to和評論可以在Linux雜誌的長期貢獻者的部落格旁找到。 ...
儲存和備份網站，以便使用httrack離線閱讀
...。如果願意，請輸入專案名稱並設定類別。還要選擇一個基本路徑，即HTTrack將儲存專案的本地目錄。為了本文的目的，我正在備份維基百科的科學門戶。完成後，單擊“下一步”&gt。 ...
如何建立自己的私有自託管ReadItLater應用程式
...項的最佳方法是透過名為Homebrew的包管理器。要了解它的基本知識，請參閱本文中關於如何使用Homebrew安裝Mac應用程式。 ...
12個最好的網站，每個人都應該書籤
...人資料。您可以使用它與社群進行互動，並解決您的操作問題和疑問。 ...
