淺談HTML
2022-03-18 11:06
談到華春前端就必須要提到
HTML標(biāo)簽，這也是華春
前端技術(shù)中最為突出的一點(diǎn)，本篇文章旨在為小白快速了解
HTML技術(shù)，首先需要小白準(zhǔn)備的東西是NOTEPAD++，希望小白能夠自己動(dòng)手一步步去敲，否則看再多的文章，也是無(wú)濟(jì)于事。
了解HTML大家可以先去欣賞華春
互聯(lián)網(wǎng)軟件建筑市場(chǎng)與交易網(wǎng)，
BIM眾包網(wǎng)，龍標(biāo)電子
招投標(biāo)交易平臺(tái)。
言歸正傳，首先大家可以先看一段簡(jiǎn)單的HTML代碼
Test.html文件
<!DOCTYPE><!--html
華春網(wǎng)絡(luò)有限責(zé)任公司-->
<html> <!--html華春網(wǎng)絡(luò)-->
<head><!--華春網(wǎng)絡(luò)-->
<meta charset="utf-8"><!--utf-8編碼-->
<title>html華春網(wǎng)絡(luò)技術(shù)</title><!--頁(yè)面標(biāo)題-->
<head>
<body><!--網(wǎng)頁(yè)顯示標(biāo)簽，body標(biāo)簽內(nèi)的信息都會(huì)在頁(yè)面中顯示-->
<h1>華春網(wǎng)絡(luò)HTML技術(shù)</h1><!--文本標(biāo)題標(biāo)簽-->
<imgsrc="tupian.jpg"><br><!--圖片標(biāo)簽，br是換行標(biāo)簽-->
<input type="text" value="華春網(wǎng)絡(luò)"><br><!--輸入框標(biāo)簽-->
<button type="submit" >華春</button><!--按鈕標(biāo)簽-->
</body>
</html>
下面便是效果圖。
小白可以仿照上面的代碼進(jìn)行自己敲打，體驗(yàn)一下整個(gè)過(guò)程，接下來(lái)我們來(lái)講述一下HTML可以實(shí)現(xiàn)哪些功能：1：我們可以設(shè)置標(biāo)題，字號(hào)，文本的顏色。2：實(shí)現(xiàn)頁(yè)面的跳轉(zhuǎn)4：圖片，視頻的展示。
HTML入門
首先我們可以看到html是由無(wú)數(shù)個(gè)這種<標(biāo)簽>內(nèi)容</標(biāo)簽>標(biāo)記組成的，因此html稱為標(biāo)記語(yǔ)言強(qiáng)調(diào)內(nèi)容。而<
a href=”http://www.hauchunnet.com”>超鏈接<
/a>中的href就是a標(biāo)簽的屬性值。
<html><!--HTML文檔標(biāo)記，位于網(wǎng)頁(yè)的最前和最后-->
<head> <!--HTML文件頭標(biāo)記，用來(lái)包含文件的基本信息,內(nèi)容不會(huì)再瀏覽器中顯示-->
<!--頭部?jī)?nèi)容-->
</head>
<body><!--網(wǎng)頁(yè)真正顯示的內(nèi)容都在body標(biāo)簽中-->
<!--網(wǎng)頁(yè)內(nèi)容-->
</body>
</html>
接下來(lái)給大家總結(jié)一些常見(jiàn)HTML標(biāo)簽：<div>分區(qū)顯示、<link>鏈接一個(gè)外部樣式表、<h1>-<h6>標(biāo)題、<a>超鏈接、<img>圖片、<buton>按鈕、<input>輸入框、<br>換行、<p>換段落、<center>居中、<ul>無(wú)序列表、<ol>有序列表、<hr>水平分割線、<table>表格。
到了這一部，相信大家已經(jīng)對(duì)HTML有了以一定的了解，當(dāng)我們掌握了這一些基本就可以寫出自己想要的頁(yè)面，但是距離真正的網(wǎng)頁(yè)還差很遠(yuǎn)。我們還需要進(jìn)行HTML排版，下一期內(nèi)容我們會(huì)著重為大家講解HTML如何排版
感謝CSDN博主微壞提供部分資源。
13572299578
陜公安：陜公網(wǎng)安備 61010302000689 號(hào)
13572299578