當前位置 : 菜鳥學網站開發入門之（一）—— html 入門
發布時間：2021-12-07 14:37 瀏覽次數：次
什么是html？html就是符合HTML（超文本標記語言）語法一類特殊的內容
小白階段可以把它理解為符合某種特殊語法的字符串，并且它是存放在以“.html”后綴結尾的文件中的，當服務端向客戶端發送一個后綴名為“.html”的文件時，瀏覽器就會根據這個文件的內容將這個html頁面渲染成它所要表達的畫面。這里我只講部分html的實現原理，只涉及部分html語法，想具體學習html還需另找教程。在“菜鳥教程”、“慕課網”等網站上都可以找到不錯的教程，這里就不在重復了。
ok，我們現在直接進入主題，上面已經大概講了什么是html了，那我們現在來了解一下，html是如何實現的呢？
html不是一門真正的語言，它并不能夠被運行，只能被識別，被渲染。比如當瀏覽器讀取到“<p>你好嗎？</p>”這個標簽的時候，瀏覽器便會將其渲染成一個文本的段落，這個段落的內容就是“你好嗎？”，所以說，html不是一門語言，而是一種符合某種規范、某種標準的字符流或文件。
首先，一個html文件（以后綴".html"結尾的文件）的內容一定是由標簽“<html>....</html>”所包圍的。標明瀏覽器要渲染的內容是html。而<html>標簽所包圍的一定有“<head>”標簽和"<body>"，標明這個html的頭部分和主體部分，其中頭部分（<head>）是不能被看見的（或者說只有極少部分可以被看見，比如<head>標簽里的<title>標簽，表示這個頁面的標題），而主體就是呈現給用戶的，不一定是畫面，還有聲音等內容。具體看一下內容：
這是一個名為“hello.html”的html頁面，由于它是以“.html”為后綴的，所以我的電腦已經將其更改成了瀏覽器的圖標，因為一般html文件就是由瀏覽器打開并渲染的。
右擊選擇用記事本打開，可以看到其內容為（由于html文件默認是使用瀏覽器打開，所以如果直接雙擊會彈到瀏覽器頁面，并且瀏覽器會將其渲染出來）：
<html>
<head>
<title>頁面標題</title>
</head>
<body>
<h1>這是內容標題1</h1>
<h2>這是內容標題2</h2>
<h3>這是內容標題3</h3>
<h4>這是內容標題4</h4>
<h5>這是內容標題5</h5>
<h6>這是內容標題6</h6>
<p>這是一個段落內容，這是一個段落內容，這是一個段落內容，這是一個段落內容，這是一個段落內容，這是一個段落內容，這是一個段落內容</p>
</body>
</html>
雙擊它可以看到它被瀏覽器渲染后的結果。
我們可以看到，小方框里的內容是<head>標簽里的<title>標簽里的內容，而大方框的內容是<body>標簽里的內容。當瀏覽器讀取到<h1>標簽時，會將其包圍的內容渲染成一級標題的樣子，所以我們看到了那樣的大字體，一樣，當瀏覽器讀取到<h2>、<h3>、<h4>、<h5>、<h6>、<p>這些標簽時一樣會將其包圍的內容渲染成對應的樣子。具體像這樣的標簽還有很多，可以去查閱w3school的關于html的文檔。由于html不是一門真正的語言，所以學習起來也不難，幾乎不用考慮數據邏輯等，所以學起來也會很快。從小白階段到熟練掌握html，估計快則一兩天，慢則三五天便可以掌握了。
而對于網站的美化，則需要學習CSS，CSS同樣不是一門語言，而是html輔助而已?？梢越o某些標簽設置特定的屬性，從而達到美化的效果。如同化妝品對一個女人的作用一樣，不會改變一個網頁的本質分布，卻可以讓它看起來更加迷人，其語法同樣簡單，可以和html合著一起學，熟練掌握估計也就三五天吧?？傊?，html和CSS只是學習網站開發的開始，雖然它屬于前端的內容，但它同樣的后端學習者的必修課，html和CSS都不懂就談不上什么網站開發了，況且它也不難。
具體的教程可以去“慕課網”、“菜鳥教程”上查找，哪里的入門教程都非常不錯。
本文來源于網絡，若有侵權請聯系3449817223#qq.com，將在第一時間刪除。
上一篇 
下一篇：
