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