多人都說HTML是一門很簡單的語言,看看書,看看視頻就能讀懂。但是,如果你完全沒有接觸過,就想通過看一遍教程,背背標簽,想要完全了解HTML,真的有點太天真了。
HTML中文“超文本標記語言”,英文名叫HTML沒有變量,沒有循環,沒有函數,只是單純的一門靜態語言而已。你可以用來描述靜態的東西,比如標題、段落、圖片。
1)HTML通常被稱為靜態網頁。
2)HTML的一些標簽代碼規則將內容呈現在瀏覽器中所需的風格。
3)HTML可以使用記事本創建,并以.html為擴展名保存。
打開瀏覽器,例如打開百度的首頁
這個頁面非常的簡潔,但是包含了很多內容,有文字、圖片、動畫、超鏈接等一系列HTML頁面所能夠包含的元素。什么意思,也就是說,HTML頁面就是能夠包含文本、圖像、聲音、超鏈接等內容的集合,然后通過瀏覽器對這些元素進行渲染,就呈現出多彩的頁面。
打開頁面的審查元素(快捷鍵是【F12】),就能夠看到構成HTML頁面的所有元素,當我們在寫頁面,對頁面進行調試的時候,也是通過審查元素,在這個窗口里面檢測問題,所以審查的方法一定要掌握。
一個HTML頁面最基本框架。
優點
易于使用,松散的語法(雖然,過于靈活的將不符合標準),HTML還允許使用模板,這使設計網頁變得容易、對Web設計領域的初學者來說非常有用。幾乎所有瀏覽器都支持該功能。被廣泛使用的; 建立在幾乎所有網站上。與XML語法非常相似,后者已越來越多地用于數據存儲。免費-無需購買任何軟件,即使對于新手程序員而言,都易于學習和編碼。
缺點
由于它是一種靜態語言,它不能單獨產生動態輸出。有時,HTML文檔的結構難以掌握。程序錯誤可能會導致高昂的代價。它只能創建靜態頁面和普通頁面,因此如果我們需要動態頁面,則HTML無效。需要編寫大量代碼來制作簡單的網頁。您必須跟上已棄用的標記,并確保不要使用它們,因為出現了另一種與HTML兼容的語言代替了標記的原始工作。因此需要學習其他語言(大多數情況下是CSS)HTML提供的安全功能受到限制。
在了解這么多之后,一定想要自己寫個HTML頁面試試手,那么HTML頁面怎么寫呢,用什么工具來寫呢?在電腦上建立一個hello.txt的文件,將下面的代碼粘貼復制進去保存 。
然后將后綴名修改為.html,用瀏覽器在頁面上看到hello world字樣的輸出,這就是第一個HTML頁面。
今天我們就先分享到這里啦,趕快去練練手吧~(私信我有免費IT課程可以領取喲)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<script type="text/javascript" src="myscript.js" ></script>
</head>
<body>
這里是內容
</body>
</html>
【說明】
第一行<!DOCTYPE html>用來聲明這是個html5文檔
html文檔 以<html>開始,以</html>結束
<head></head>是頭部信息,這部分是在頁面上是不顯示的,主要告訴瀏覽器一些信息,比如使用的字符集,
文檔標題、需要加載的CSS(層疊樣式表)和JavaScript文檔。
<link>表示鏈接一個外部mian.css 的樣式表文件。樣式表用來美化頁面元素,定義元素的參數。
<javascript>表示這是個瀏覽器腳本文件,里面的src屬性表示鏈接一個外部腳本文件。
<body></body>表示主體,這部分是用來在瀏覽器頁面是顯示的,是用戶可以真正看到的內容。body里面可
包含很多語義標簽,像div,span,table,form,video,li等。
者:Jiawei Pan
轉發鏈接:https://mp.weixin.qq.com/s/hDdF8rni6MX4U55l3DKLQw
*請認真填寫需求信息,我們會在24小時內與您取得聯系。