這篇文章主要為大家展示了“Web開(kāi)發(fā)基礎(chǔ)之HTML是什么”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“Web開(kāi)發(fā)基礎(chǔ)之HTML是什么”這篇文章吧。
成都創(chuàng)新互聯(lián)從2013年開(kāi)始，先為洛寧等服務(wù)建站，洛寧等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為洛寧企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。
HTML 提供頁(yè)面上的內(nèi)容（結(jié)構(gòu)和內(nèi)容）
CSS 對(duì)網(wǎng)頁(yè)進(jìn)行美化（樣式）
JavaScript對(duì)網(wǎng)頁(yè)上的內(nèi)容進(jìn)行控制（控制）
常用開(kāi)發(fā)工具：
輕量文本型：VSCode、Sublime
重量IDE型：WebStrom
什么是HTML
HTML（英文 Hyper Text Markup Language 的縮寫）中文譯為超文本標(biāo)記語(yǔ)言
通過(guò)HTML標(biāo)簽對(duì)網(wǎng)頁(yè)中的文本、圖片、聲音等內(nèi)容進(jìn)行描述
打開(kāi)網(wǎng)絡(luò)上的一個(gè)頁(yè)面，通過(guò)瀏覽器調(diào)試工具查看源代碼
HTML的格式
基本格式
html標(biāo)簽：所有html標(biāo)簽的根節(jié)點(diǎn)
head標(biāo)簽：描述網(wǎng)頁(yè)的一些信息，里面的內(nèi)容不會(huì)被顯示呈現(xiàn)
title標(biāo)簽：網(wǎng)頁(yè)的標(biāo)題
body標(biāo)簽：頁(yè)面的主題部分，主要編寫開(kāi)發(fā)的內(nèi)容
Tip:通過(guò)編輯器快速創(chuàng)建html的頁(yè)面結(jié)構(gòu)
在vscode中新建一個(gè)html文件后，輸入！按tab鍵，可以快速生成一個(gè)HTML5標(biāo)準(zhǔn)的一個(gè)頁(yè)面結(jié)構(gòu)。
雙標(biāo)簽
語(yǔ)法格式
<標(biāo)簽名> 在整個(gè)標(biāo)簽的最前面，稱為“開(kāi)始標(biāo)簽（start tag）”
在整個(gè)標(biāo)簽的最后面，稱為“結(jié)束標(biāo)簽（end tag）”
結(jié)束標(biāo)簽只是比開(kāi)始標(biāo)簽，在前面多了一個(gè)關(guān)閉符“/”。
單標(biāo)簽
語(yǔ)法格式
例如
UTF-8 是目前最常用的字符集編碼方式，常用的字符集編碼方式還有 gbk 和 gb2312
GB2312 簡(jiǎn)單中文 包括6763個(gè)漢字
BIG5 繁體中文 港澳臺(tái)等用
GBK 包含全部中文字符 是 GB2312 的擴(kuò)展，加入對(duì)繁體字的支持，兼容 GB2312
UTF-8 則包含全世界所有國(guó)家需要用到的字符
Tip：以后我們統(tǒng)一使用UTF-8字符集就可以了，避免出現(xiàn)字符集不統(tǒng)一而引起亂碼的情況。
標(biāo)題標(biāo)簽
語(yǔ)法
標(biāo)題標(biāo)簽按1-6大小從大到小，如下圖 默認(rèn)提供1-6個(gè)標(biāo)題標(biāo)簽，如果寫h7則是普通文字
段落標(biāo)簽
單詞縮寫： paragraph 段落
使用段落標(biāo)簽，可以使網(wǎng)頁(yè)中的文本文字，呈現(xiàn)出一個(gè)一個(gè)段落的格式。
語(yǔ)法：
水平線標(biāo)簽
換行標(biāo)簽
單詞縮寫： break 打斷 ,換行在HTML中，默認(rèn)換行是需要在瀏覽器窗口的最右端才會(huì)自動(dòng)換行，這樣在每個(gè)設(shè)備中呈現(xiàn)的效果不一致。如果需要進(jìn)行某段文本的強(qiáng)制換行，就需要使用到換行標(biāo)簽。
語(yǔ)法：
練習(xí)：實(shí)現(xiàn)一個(gè)簡(jiǎn)單新聞頁(yè)面
div span標(biāo)簽
div division 的縮寫 分割， 分區(qū)的意思 其實(shí)有很多div 來(lái)組合網(wǎng)頁(yè)。 塊級(jí)元素
span 跨度，跨距；范圍，行內(nèi)元素
語(yǔ)法
標(biāo)簽屬性
在使用HTML制作網(wǎng)頁(yè)的時(shí)候，如果想讓標(biāo)簽提供更多的信息，可以使用標(biāo)簽的一些屬性進(jìn)行設(shè)置。
語(yǔ)法
例
width 屬性，值 200 控制寬度
align 屬性，值 left 控制橫向?qū)ζ浞绞?/p>
默認(rèn)hr標(biāo)簽占據(jù)了整行，設(shè)置以上屬性以后寬度就只有設(shè)置的200
默認(rèn)hr是居中對(duì)齊，設(shè)置左對(duì)齊
圖片標(biāo)簽
單詞縮寫：image 圖像（單標(biāo)簽）
語(yǔ)法
通過(guò)src屬性，進(jìn)行設(shè)置圖像文件的路徑和文件名。是img標(biāo)簽的必須屬性。
圖片標(biāo)簽屬性
src可以是網(wǎng)絡(luò)路徑，可以的本地絕對(duì)路徑或者相對(duì)路徑，前提是路徑存在圖片有效，否則使用設(shè)置的文本代替
鏈接標(biāo)簽
單詞縮寫：anchor 錨
語(yǔ)法
示例
跳轉(zhuǎn) 默認(rèn)直接覆蓋當(dāng)前頁(yè)面跳轉(zhuǎn)，加target="_blank"新打開(kāi)一個(gè)頁(yè)面跳轉(zhuǎn)
跳轉(zhuǎn)需要加協(xié)議例如http否則會(huì)在當(dāng)前目錄絕對(duì)路徑加跳轉(zhuǎn)鏈接
特殊字符標(biāo)簽
html中一些標(biāo)簽，具有特殊含義，會(huì)被瀏覽器直接解析 ,如果需要輸出這些標(biāo)簽，需要使用到轉(zhuǎn)義、替代語(yǔ)法。
例如需要在頁(yè)面顯示：
標(biāo)簽經(jīng)常用于段落 直接寫在html文本里面會(huì)把
當(dāng)成標(biāo)簽解析，頁(yè)面并不會(huì)顯示
需要寫成如下格式
注釋標(biāo)簽
注釋標(biāo)簽，可以給HTML文檔中添加一些便于閱讀和理解的文字，并且此標(biāo)簽中的內(nèi)容，不會(huì)直接展示出來(lái)，只有通過(guò)源代碼的方式才可以看到。
語(yǔ)法
也可以直接選中需要注釋的語(yǔ)句 ctrl+/注釋
列表標(biāo)簽
語(yǔ)法
①在
②
標(biāo)簽中作為一個(gè)容器，可以容納其他的標(biāo)簽元素。③無(wú)序列表具有默認(rèn)樣式，可以CSS進(jìn)行修飾。
頁(yè)面顯示
ol有序標(biāo)簽
在前面加序號(hào)
頁(yè)面顯示
表格標(biāo)簽
語(yǔ)法
表格屬性
①可以使用th標(biāo)簽設(shè)置表頭 即把td改成th可以把表頭設(shè)置成標(biāo)題模式加粗
②之后可以使用CSS修飾表格的樣式
示例：
一個(gè)主機(jī)列表表格
頁(yè)面顯示
修改設(shè)置
顯示效果
表單
在HTML中，form標(biāo)簽用來(lái)定義一個(gè)表單。用來(lái)實(shí)現(xiàn)用戶的相關(guān)信息的收集和傳遞，和后端進(jìn)行交互。form中的所有內(nèi)容都會(huì)被提交給服務(wù)器。
語(yǔ)法：
常用屬性：
action 值為提交到后端接收的URL地址
method 設(shè)置表單的提交方式 值為get或者post
表單控件組成
表單中的提供了多種表單空間，單行文本輸入框、密碼輸入框、復(fù)選框、提交按鈕、重置按鈕等。
input控件
input控件為表單中，最常使用的，也是需要重點(diǎn)掌握的?；緲?biāo)簽屬性為type屬性
用來(lái)定義不同的控件類型。
其他常見(jiàn)屬性
textarea控件（文本域）
當(dāng)需要輸入大量信息的時(shí)候，就可以使用textarea標(biāo)簽。實(shí)現(xiàn)多行文本的輸入框。
以上是“Web開(kāi)發(fā)基礎(chǔ)之HTML是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
重慶分公司
重慶分公司
