整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
家好，我是新媒之聲廣告工作室的大白，今天我給大家帶來的是HTML5文字教學。
首先給大家介紹一下html5的標準語言結構和后綴；
點擊右鍵新建一個文本文檔重命名為index（可根據自己來命名但不能用中文）后綴改為html
html5有兩種后綴一種為html另一種為htm；
我們來認識一下html5它是html4.0升級而來，相比html4.0來說改的更簡單更完善了，html5是一種標簽語言
是瀏覽器可以直接解析的一種語言不像php或是其它語言需要用服務器解析在用瀏覽器來識別表現出來，一般用來寫網站靜態頁面或是模板，html5現在的地位在慢慢提升，一些app開始使用html5加原生混編開發。
html語言結構分析：
一般html5都是雙標簽很少有單標簽的存在；
<!DOCTYPE html>
<!-- 文檔類型 -->
<html>
<!-- html開始標簽-->
<head>
<!-- head頭部開始標簽-->
<!-- 里面可以寫一些設置字符的代碼和頁面標題代碼css樣式和js樣式等 -->
<meta charset="UTF-8">
<!-- 設置字符集 -->
<title>Document</title>
<!-- 頁面標題標簽-->
</head>
<!-- head結束標簽 -->
<body>
<!-- body體開始標簽 -->
<!-- body體用于寫一些直接解析在瀏覽器里讓用戶觀看的標簽 -->
</body>
<!-- body結束標簽 -->
</html>
<!-- html結束標簽 -->
由于html5標簽使用<>組成所以要用大于號和小于號要非常謹慎，比如要表現2>1必須要用實體符來代替相應的符號。
HTML <!--...--> 注釋標簽
標簽定義及使用說明
<!--...--> 注釋標簽用來在源文檔中插入注釋。注釋不會在瀏覽器中顯示。
您可使用注釋對您的代碼進行解釋，這樣做有助于您在以后的時間對代碼的編輯。特別是代碼量很大的情況下很有用。
您也可以在注釋內容存儲針對程序所定制的信息。在這種情況下，這些信息對用戶是不可見的，但是對程序來說是可用的。一個好的習慣是把注釋或樣式元素放入注釋文本中，這樣就可避免不支持腳本或樣式的老瀏覽器把它們顯示為純文本。
<script type="text/javascript"><!-- function displayMsg() { alert("Hello World!") } //-->
</script>html 注釋代碼分析圖
注釋：命令行最后的兩個正斜杠（//）是 JavaScript 注釋符號。這確保了 JavaScript 不會執行 --> 標簽。
除了在源文檔中有非常明顯的作用外，許多 Web 服務器也利用注釋來實現文檔服務端軟件特有的特性。這些服務器可以掃描文檔，從傳統的 HTML/XHTML 注釋中找到特定的字符序列，然后再根據嵌在注釋中的命令采取相應的動作。這些動作可能是簡單的包括其他文件中的文本（即所謂的服務器端包含，server-inside include），也可能是復雜地執行其他命令去動態生成文檔的內容。
所有主流瀏覽器都支持 <!--...--> 注釋標簽。
HTML 4.01 與 HTML5之間的差異
無。
標準屬性
<!--...--> 注釋標簽不支持任何標準屬性。
如需更多有關 HTML 標準屬性的信息，請訪問 標準屬性。
事件屬性
<!--...--> 注釋標簽不支持任何事件屬性。
如需更多有關 HTML 事件屬性的信息，請訪問 事件屬性。
HTML注釋的作用
一套完整的代碼可以讓人眼花繚亂，當程序員想要對某些部分進行修改的時候，可能要花很多的時間去找出那部分的代碼。就像我們在文章中給重要的部分進行標記、做記號一樣，在代碼里可以使用到“注釋標簽”來對一些代碼進行注解。注釋標簽不會在可視化界面當中顯示，因為它只是程序員們用來標注說明的一個小玩意，用來對一些代碼程序進行解釋，也方便后來者能夠快速地接手并且理解其用處。
網頁的開發必定卻少不了顏色的組成，html5顏色屬性標簽：
HTML 顏色
目前所有瀏覽器都支持以下顏色名。
141個顏色名稱是在HTML和CSS顏色規范定義的（17標準顏色，再加124）。下表列出了所有顏色的值，包括十六進制值。
提示: 17標準顏色：黑色，藍色，水，紫紅色，灰色，綠色，石灰，栗色，海軍，橄欖，橙，紫，紅，白，銀，藍綠色，黃色。點擊其中一個顏色名稱（或一個十六進制值）就可以查看與不同文字顏色搭配的背景顏色。：
顏色屬性標簽共分為四種：
1.英文 2.十進制 3.十六進制
red rgb(255,0,0); #ffffff(#fff) 白色
green rgb(0,255,0); #ff0000(#f00) 紅色
blue rgb(0,0,255); #00ff00(#0f0) 綠色
4.帶有透明度 #0000ff(#00f) 藍色
rgba(255,0,0,0.5); #000000(#000) 黑色
rgba(0,255,0,0.5); #ffff00(#ff0) 黃色
rgba(0,0,255,0.5); #00ffff(#0ff) 青色
#ff00ff(#f0f) 紫色
html顏色屬性標簽：
<style type="text/css">
h1{
color: red;
}
</style>
注意：這里用的十六進制全寫和縮寫表達的是一個意思#ff00aa只要十六進制顏色有兩位重復可以只寫一個#f0a。
body體背景顏色：
<body bgcolor="#aaf"></body>
注意：css樣式有三種寫法這里用到前兩種，后面講解css的時候會介紹；
嵌入式樣式（屬于內部樣式表）
特征：
1、樣式的屬性內容以代碼的形式[放在 ]寫在網頁代碼中！
2、首先，通過【格式】→【樣式】設置樣式的屬性內容！
3、在合適的地方使用 class="樣式名" 調用具體的樣式效果！
如： <style type="text/css">
h1{
color: red;
}
</style>
內聯式樣式（屬于內部樣式表）
特征：
1、樣式的屬性內容直接跟在將要修飾的文字標記里[如：
2、具體格式： <body bgcolor="#aaf"></body>
例如：修飾單元格里的文字特征：1、有一個單獨的CSS文件存在！[如：001.css]2、首先，通過【格式】→【樣式表連接】與CSS文件[001.css]建立連接！3、在合適的地方使用 class="樣式名" 調用具體的樣式效果！如：<link href="001.css" type="text/css" rel="Stylesheet"/>嵌入式樣式（屬于內部樣式表）如果需要課件和今天用到的文件可以加關注私聊我。
neAnime是精美的動漫在線觀看網站HTML5模板，也可以作為動漫新聞和博客網站的界面。模板使用紫黑色的UI設計,看起來很漂亮。模板編碼基于Bootstrap v4.1.3框架，很容易自定義。
主要特色
TML 或超文本標記語言 允許 Web 用戶使用元素、標簽和屬性創建和構造部分、段落和鏈接。然而，值得注意的是，HTML 不能被視為一種編程語言，因為它不能創建動態功能。
HTML有很多用例，即：
本文將介紹 HTML 的基礎知識，包括它的工作原理、優缺點以及它與 CSS 和 JavaScript 的關系。
HTML（代表超文本標記語言）是構成大多數網頁和在線應用程序的計算機語言。超文本是用于引用其他文本片段的文本，而標記語言是告訴 Web 服務器文檔的樣式和結構的一系列標記。
在國內的網站上找了一圈，這應該是介紹歷史最細致的，長按保存手機里翻譯
平均每個網站包含幾個不同的信息 HTML 頁面。例如，主頁、關于頁面和聯系頁面都將具有單獨的 HTML 文件。
HTML 文檔是以 .html 或 .htm 擴展名結尾的文件。Web 瀏覽器讀取 HTML 文件并呈現其內容，以便互聯網用戶可以查看它。
所有 HTML 頁面都有一系列 HTML 元素，由一組標簽和屬性組成。HTML 元素是網頁的構建塊。標簽告訴 Web 瀏覽器元素在哪里開始和結束，而屬性描述元素的特征。
元素的三個主要部分是：
這三個部分的組合將創建一個 HTML 元素：
<p>這是在HTML中添加段落的方法。</p>HTML 元素的另一個關鍵部分是它的屬性，它有兩個部分——名稱和屬性值。名稱標識用戶想要添加的附加信息，并且屬性值給出進一步的說明。
例如，添加紫色和 font-family verdana 的樣式元素將如下所示：
< p style= "color:purple;font-family:verdana" >這是在HTML中添加段落的方法。< /p >另一個屬性，HTML 類，對于開發和編程來說是最重要的。class 屬性添加了可以作用于具有相同類值的不同元素的樣式信息。 例如，我們將對標題 <h1> 和段落 <p> 使用相同的樣式。樣式包括背景顏色、文本顏色、邊框、邊距和填充，在 .important 類下。要在 <h1> 和 <p> 之間實現相同的樣式，請在每個開始標記后添加 class=”important”：
<html>
<head>
<style>
.important {
background-color: blue;
color: white;
border: 2px solid black;
margin: 2px;
padding: 2px;
}
</style>
</head>
<body>
<h1 class="important">This is a heading</h1>
<p class="important">This is a paragraph.</p>
</body>
</html>大多數元素都有一個開始標簽和一個結束標簽，但有些元素不需要結束標簽即可工作，例如空元素。這些元素不使用結束標簽，因為它們沒有內容：
< img src= "/" alt= "圖像" >這個圖像標簽有兩個屬性——一個src屬性，圖像路徑，和一個alt屬性，描述性文本。但是，它沒有內容，也沒有結束標簽。
最后，每個 HTML 文檔都必須以 <!DOCTYPE> 聲明開頭，以告知 Web 瀏覽器文檔類型。使用 HTML5，doctype HTML public 聲明將是：
< !DOCTYPE html >目前，有 142 個 HTML 標簽可以用于創建各種元素。盡管現代瀏覽器不再支持其中一些標簽，但學習所有可用的不同元素仍然是有益的。
第二節將討論最常用的 HTML 標簽和兩個主要元素——塊級元素和內聯元素。
塊級元素占據頁面的整個寬度。它總是在文檔中開始一個新行。例如，標題元素將位于與段落元素不同的行中。
每個 HTML 頁面都使用這三個標簽：
<html>
<head>
<!-- META INFORMATION -->
</head>
<body>
<!-- PAGE CONTENT -->
</body>
</html>其他流行的塊級標簽包括：
內聯元素格式化塊級元素的內部內容，例如添加鏈接和強調的字符串。內聯元素最常用于在不破壞內容流的情況下格式化文本。
例如，一個 <strong> 標簽會以粗體呈現一個元素，而 <em> 標簽會以斜體顯示它。超鏈接也是使用 <a> 標記和 href 屬性來指示鏈接目標的內聯元素：
<a href="https://www.icodingdeu.com/" >點我！</a> HTML 的第一個版本由 18 個標簽組成。從那時起，每個新版本都帶有添加到標記中的新標簽和屬性。迄今為止，該語言最重大的升級是 2014 年引入的 HTML5。
HTML 和 HTML5的主要區別在于HTML5 支持新類型的表單控件。HTML5 還引入了幾個語義標簽，可以清楚地描述內容，例如 <article>、<header> 和 <footer>。
就像任何其他計算機語言一樣，HTML 有其優點和局限性。以下是 HTML 的優缺點：
優點：
就像任何其他計算機語言一樣，HTML 有其優點和局限性。以下是 HTML 的優缺點：
缺點：
HTML 用于添加文本元素并創建內容結構。然而，僅僅建立一個專業的和完全響應的網站是不夠的。因此，HTML 需要借助層級樣式表 (CSS)和JavaScript來創建絕大多數網站內容。
HTML 是 Internet 上的主要標記語言。每個 HTML 頁面都有一系列創建網頁或應用程序內容結構的元素。
HTML 是一種對初學者友好的語言，有很多支持，主要用于靜態網站頁面。HTML 與用于樣式的 CSS 和用于功能的 JavaScript 一起使用效果最好。
我們還向您展示了一些在線教學課程，它們將有助于提高您的 HTML 知識或提供對 HTML 的基本理解。
如果您有任何其他喜歡的資源來學習 HTML，請在評論部分告訴我們。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
