整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
TML 是一種標記語言，用于創建網頁和應用程序。它的基本結構由以下三個部分組成：
一個 HTML 的基本結構示例如下：
大家在瀏覽網頁的時候，是否思考過這樣一個問題：怎樣才能制作出一個網頁呢？制作出一個網頁是很簡單的，只要知道什么是HTML并掌握HTML的基礎知識就可以制作出一個簡單的網頁，今天我就為講解HTML的入門及結構組成。
一、什么是HTML?
1、在我們開始學習HTML之前我們需要知道什么是HTML？
HTML的全稱為Hyper Text Markup Language，中文名稱為超文本標記語言，閱覽方式為網頁瀏覽器，同時HTML也被稱為網頁。
2、一個簡單的HTML文檔
二、HTML編輯器
我們在可以使用TXT文本文檔或者專業的HTML編輯器來編輯HTML。
1、記事本
① 創建一個TXT文本
② 輸入HTML代碼
③ 點擊文件—另存為—輸入名稱+“html”的后綴名即可得到你的第一個HTML文件。
④ 然后雙擊這個文件運行。
運行結果
2、專業編輯器
① Sublime Text
② HBuilder
③ Adobe Dreamweaver
④ CoffeeCup HTML Editor
這其中我比較推薦HBuilder這款編輯器，界面簡單，編輯起來很快。
三、HTML的組成部分
在上面的案例中我們可以看到HTML是由頭部（head）和身體（body）所組成的。
1、頭部（head）
通常包含標題（title），也就是一個網頁的名稱
網頁標題
2、身體（body）
body的部分是整個網頁的重要內容部分，讓人一眼就瀏覽到這個網頁的內容，可以插入文本、圖片、多媒體等內容。
四、HTML元素
l HTML元素是指以開始標簽起始，以結束標簽終止的元素：元素內容即為開始標簽與結束標簽之間的內容。
l <head></head>、<body></body>、<p></p>、<h1></h2>等這些都是HTML元素，在上面的案例中就有六個元素。
l 也有部分元素只有開始標簽，例如<br>,以開始標簽的結束而結束。
五、HTML的屬性
l 一般來說HTML的屬性就是HTML元素的屬性，屬性可以在元素中添加附加信息。
l 屬性總是以名稱/值對的形式出現，比如：name=”value”。
l 屬性一般描述于開始標簽。
l style中會有更多的屬性。
六、HTML格式化
HTML可定義很多供格式化輸出的元素，比如粗體字和斜體字。
HTML文本格式化標簽
標簽 | 描述 |
<b> | 定義粗體文本 |
<em> | 定義著重文字 |
<i> | 定義斜體字 |
<small> | 定義小號字 |
<strong> | 定義加重語氣 |
<sub> | 定義下標字 |
<sup> | 定義上標字 |
<ins> | 定義插入字 |
<del> | 定義刪除字 |
運行結果示意圖
HTML“計算機輸出”標簽
標簽 | 描述 |
<code> | 定義計算機代碼 |
<kdd> | 定義鍵盤碼 |
<samp> | 定義計算機代碼樣本 |
<var> | 定義變量 |
<pre> | 定義預格式文本 |
HTML引文、引用及標簽定義
標簽 | 描述 |
<abbr> | 定義縮寫 |
<address> | 定義地址 |
<bdo> | 定義文字方向 |
<blockquote> | 定義長的引用 |
<q> | 定義短的引用語 |
<cite> | 定義引用、引證 |
<dfn> | 定義一個定義項目 |
七、HTML超鏈接
超鏈接可以是圖片、文字、多媒體也可以是一個網址
示例：
結果：
點擊帶有下劃線的兩個字就可以進入某度的網站
八、HTML CSS
1、CSS是一種層疊樣式表，可以修飾html元素的樣式并可以精確地進行排版
2、CSS有三種方式：
l 內部樣式，在HTML元素中使用“style”屬性
l 內部樣式表，在頭部<head>區域使用<style>元素來包含CSS
l 外部引用，引用帶有后綴css的文件，示例：
html文檔
css文檔
如果你看到了這里，就說明你已經打開了制作網頁的大門啦~
用head定義我們網頁的標題，字符集等屬性，寫給瀏覽器怎么運行我們的html網頁，用戶不可見。
在 <head>元素中你可以插入腳本（scripts）, 樣式文件（CSS），及各種meta信息。可以添加在頭部區域的元素標簽為: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。
title標簽是用來定義網頁標題。
title在html文檔中必須的。
title元素：1.定義了瀏覽器工具欄的標題
2.當網頁添加到收藏夾時，顯示在收藏夾中的標題
3.顯示在搜索引擎結果頁面的標題
<!DOCTYPE html>
<!--html是html文檔的根元素-->
<html >
<!--head定義文檔標題等屬性，用戶不可見-->
<head>
<!--網頁使用的字符集-->
<meta charset="utf-8">
<!--title設置網頁的標題-->
<title>我的第一個網頁</title>
</head>
<!--body顯示給用戶的內容-->
<body>
Hello world, 我是阿布都薩拉木
</body>
</html>
mate標簽的作用和使用很重要。用來定義網頁字符集，關鍵字，描述等等
meta標簽描述了一些基本的元數據。
<meta> 標簽提供了元數據.元數據也不顯示在頁面上，但會被瀏覽器解析。
META 元素通常用于指定網頁的描述，關鍵詞，文件的最后修改時間，作者，和其他元素數據。
元數據可以使用于瀏覽器（如何顯示內容或重新加載頁面），搜索引擎（關鍵詞），或其他Web服務。
<meta> 一般放置于 <head> 區域
<!DOCTYPE html>
<!--html是html文檔的根元素-->
<html >
<!--head定義文檔標題等屬性，用戶不可見-->
<head>
<!--網頁使用的字符集-->
<meta charset="utf-8">
<!--關鍵字，為搜索引擎定義關鍵詞:-->
<meta name="keywords" content="HTML, CSS">
<!--為網頁定義描述內容:-->
<meta name="description" content=" Web html">
<!--定義網頁作者:-->
<meta name="author" content="Abdusalam">
<!--每30秒鐘刷新當前頁面:-->
<meta http-equiv="refresh" content="30">
<!--title設置網頁的標題-->
<title>我的第一個網頁</title>
</head>
<!--body顯示給用戶的內容-->
<body>
Hello world, 我是阿一個男孩！
</body>
</html>
<link> 標簽定義了文檔與外部資源之間的關系， link標簽通常用于鏈接到樣式表和JavaScript腳本。
<!DOCTYPE html>
<!--html是html文檔的根元素-->
<html >
<!--head定義文檔標題等屬性，用戶不可見-->
<head>
<!--網頁使用的字符集-->
<meta charset="utf-8">
<!--title設置網頁的標題-->
<title>我的第一個網頁</title>
<!--link元素用于引入外部資源，css,js等文件-->
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<!--body顯示給用戶的內容-->
<body>
Hello world, 我是一個男孩！
</body>
</html>
<base> 標簽描述了基本的鏈接地址/鏈接目標，該標簽作為HTML文檔中所有的鏈接標簽的默認鏈接，如a標簽不設置 href屬性和target屬性則默認使用base的屬性。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
