整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
HTML是用來開發網頁的，它是開發網頁的語言
全稱HyperText Mark-up Language，超文本標記語言
標記就是標簽
<標簽名稱></標簽名稱> 比如 <html></html> <h1></h1>等，標簽大多數都是成對出現的。
超文本 兩層含義：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>網頁標題</title>
</head>
<body>
網頁顯示內容
</body>
</html>第一行<!DOCTYPE html>是文檔聲明
用來指定頁面所使用的html的版本, 這里聲明的是一個html5的文檔
<html>...</html>標簽是開發人員在告訴瀏覽器
整個網頁是從<html>這里開始的，到</html>結束
也就是html文檔的開始和結束標簽
<head>...</head>標簽用于定義文檔的頭部
是負責對網頁進行設置標題、編碼格式以及引入css和js文件的
<body>...</body>標簽是編寫網頁上顯示的內容
網頁文件的后綴是.html, 一個html文件就是一個網頁，html文件用編輯器打開顯示的是文本，可以用文本的方式編輯它，如果用瀏覽器打開，瀏覽器會按照標簽描述內容將文件渲染成網頁
VS Code全拼是 Visual Studio Code 是由微軟研發的一款免費、開源的跨平臺代碼編輯器
目前是前端(網頁)開發使用最多的一款軟件開發工具
下載網址: https://code.visualstudio.com/Download
選擇對應的安裝包進行下載:
安裝一切默認
1 標簽不區分大小寫，但是推薦使用小寫
2 根據標簽的書寫形式，標簽分為雙標簽(閉合標簽)和單標簽(空標簽) 2.1 雙標簽是指由開始標簽和結束標簽組成的一對標簽，這種標簽允許嵌套和承載內容，比如: div標簽 2.2 單標簽是一個標簽組成，沒有標簽內容， 比如: img標簽
標簽的使用形式
列表標簽
網頁效果
表格標簽
<table>標簽：表示一個表格
<tr>標簽：表示表格中的一行
<td>標簽：表示表格中的列
<th>標簽：表示表格中的表頭
屬性設置
border: 1px solid black:設置邊框和顏色
border-collapse: collapse:設置邊框合并
網頁效果
表單標簽
表單用于搜集不同類型的用戶輸入的數據，然后可以把用戶數據提交到web服務器
<form>標簽 表示表單標簽，定義整體的表單區域
一個表單中有很多信息組成,比如 姓名,愛好,地址等,這些內容有很多其他標簽來承載
這些標簽稱為表單元素標簽
網頁效果
表單用于搜集不同類型的用戶輸入的數據，然后可以把用戶數據提交到web服務器
兩種方式的區別:
表單元素屬性設置
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<!--
姓名 type="text" 定義單行文本輸入框
密碼 type="password" 定義密碼輸入框
性別 type="radio" 定義單選框
愛好 type="checkbox" 定義復選框
照片 type="file" 定義上傳文件
個人描述 <textarea></textarea> 定義多行文本輸入框
地址 <select></select> 定義下拉列表
提交 type="submit" 定義提交按鈕
重置 type="reset" 定義重置按鈕
按鈕 type="button" 定義一個普通按鈕
-->
<form action="http://192.168.1.106:8080" method="POST">
<label>姓名:</label>
<input type="text" name="username" >
<br>
<label>密碼:</label>
<input type="password" name="password">
<br>
<label>性別:</label>
<input type="radio" name="sex" value="1">男
<input type="radio" name="sex" value="0">女
<br>
<label>愛好:</label>
<input type="checkbox" name="like" value="睡覺">睡覺
<input type="checkbox" name="like" value="吃飯">吃飯
<input type="checkbox" name="like" value="打豆豆">打豆豆
<br>
<label>照片:</label>
<input type="file" name="pic">
<br>
<label>個人描述:</label>
<textarea name="desc"></textarea>
<br>
<label>地址:</label>
<select name="addr">
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">廣州</option>
<option value="4">深圳</option>
</select>
<br>
<input type="submit" value="提交">
<input type="reset" value="重置">
<input type="button" value="按鈕">
</form>
</body>
</html>
點擊提交：
可以看到服務器收到了請求報文。
TML 符號實體
HTML 符號是不呈現在標準的鍵盤上，比如數學運算符、箭頭符號、技術符號和形狀。
如需向 HTML 頁面添加這些符號，您可以使用 HTML 實體名稱。
如果不存在實體名稱，您可以使用實體編號。
如果字符沒有實體名稱，您可以使用十進制（或十六進制）引用。
實例
<p>我將顯示 €</p>
<p>我將顯示 €</p>
<p>我將顯示 €</p>
結果如下：
我將顯示 €
我將顯示 €
我將顯示 €
HTML 支持的數學符號
如果您使用的是一個 HTML 實體名稱或一個十六進制編號，字符總是能正確顯示。
這是與您頁面使用的字符集相互獨立的！
| 字符 | 編號 | 實體 | 描述 |
|---|---|---|---|
| ? | ∀ | ∀ | 所有（for all） |
| ? | ∂ | ∂ | 部分（part） |
| ? | ∃ | ∃ | 存在（exists） |
| ? | ∅ | ∅ | 空（empty） |
| ? | ∇ | ∇ | 倒三角（nabla） |
| ∈ | ∈ | ∈ | 屬于（isin） |
| ? | ∉ | ∉ | 不屬于（notin） |
| ? | ∋ | ∋ | 包含的成員（ni） |
| ∏ | ∏ | ∏ | 連乘（prod） |
| ∑ | ∑ | ∑ | 總和（sum） |
完整的數學（Math）參考手冊
HTML 支持的希臘字母
| 字符 | 編號 | 實體 | 描述 |
|---|---|---|---|
| Α | Α | Α | Alpha（中文注音：阿耳法） |
| Β | Β | Β | Beta（中文注音：貝塔） |
| Γ | Γ | Γ | Gamma（中文注音：伽馬） |
| Δ | Δ | Δ | Delta（中文注音：德耳塔） |
| Ε | Ε | Ε | Epsilon（中文注音：艾普西隆） |
| Ζ | Ζ | Ζ | Zeta（中文注音：截塔） |
完整的希臘（Greek）參考手冊
HTML 支持的其他實體
| 字符 | 編號 | 實體 | 描述 |
|---|---|---|---|
| ? | © | © | 版權所有（REGISTERED SIGN） |
| ? | ® | ® | 注冊商標（REGISTERED SIGN） |
| € | € | € | 歐元符號（EURO SIGN） |
| ? | ™ | ™ | 商標（trademark） |
| ← | ← | ← | 向左箭頭（LEFTWARDS ARROW） |
| ↑ | ↑ | ↑ | 向上箭頭（UPWARDS ARROW） |
| → | → | → | 向右箭頭（RIGHTWARDS ARROW） |
| ↓ | ↓ | ↓ | 向下箭頭（DOWNWARDS ARROW） |
| ? | ♠ | ♠ | 黑桃（BLACK SPADE SUIT） |
| ? | ♣ | ♣ | 黑梅花（BLACK CLUB SUIT） |
| ? | ♥ | ♥ | 黑心（BLACK HEART SUIT） |
| ? | ♦ | ♦ | 黑方塊（BLACK DIAMOND SUIT） |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
程序越來越火，而小程序需要學會的基本語言則是HTML+CSS+JS,今天給大家帶來HTML的簡介和操作思想，希望大家看完能對HTML有所了解。
HTML的全稱是HyperText Mark-up Language，翻譯過來就是超文本標記型語言。
超文本指的是超出文本的范疇，標記：理解為標簽，html中所有的操作都是通過標簽來實現的。
html是做網頁。
創建hello.html,利用編輯工具NotePad編輯，輸入一下代碼，點擊保存，點擊運行，選擇自己有的瀏覽器即可。
HTML程序以<html>開始，同時以</html>結束
HTML程序包含兩部分內容：head和body，代碼如下：
3. html的標簽有開始標簽，同時也要有結束標簽，代碼如下：
4. html代碼是不區分大小寫的
5. 有些標簽沒有結束標簽,需要在標簽內結束------</br>
實現換行的操作，使用標簽實現的<br>,沒有</br>
網頁中可能有很多的數據，不同的數據可能有不同的顯示效果，這個時候需要使用標簽把我們需要操作的數據包起來（封裝），通過修改標簽的的屬性值來實現標簽內數據樣式的變化。標簽相當于一個 容器，通過修改容器的屬性值，實現容器內數據樣式的變化。
從學習HTML開始，帶你一步一步學習，直到開發一個小程序。喜歡的還是點個贊，加個收藏；想繼續關注的，還請添加關注；如果有什么話想說，可以發表評論。希望以上本篇內容能讓大家有說收獲，感謝大家。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
