本人在校生一枚,希望可以找到志同道合的小伙伴一起進步,不定期的更新自己的收獲,如果有大神的話可以指出我的不足,我用的是VS code軟件來寫代碼的
什么是 html
HTML 是個縮寫,全稱Hyper Text Markup Language,譯為超文本標記語言。它是一種標識性的語言。它包括一系列標簽.通過這些標簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一,使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本,HTML命令可以說明文字,圖形、動畫、聲音、表格、鏈接等。
HTML的結(jié)構(gòu)
- html的后綴名有兩種 一種是.html,另一種是.htm (兩種并無區(qū)別)
- 快捷創(chuàng)建基本結(jié)構(gòu)的方法:方法一:可以在開頭打一個“!”號,方法二:打一個html,智能提示會出現(xiàn)html:5 選中即可。
HTML的頭部
在<hard>頭部標簽中你可以 插入腳本(scripts),樣式文件(css),以及各種meta信息。可以添加在頭部區(qū)域的元素有:<title>,<style>,<meta>,<link>等等
- ? <title>定義網(wǎng)頁標題</title>
- <meta>元素:描述了一些基本的元數(shù)據(jù),元數(shù)據(jù)不顯示在頁面上,但會被瀏覽器解析,<meta>通常用于指定網(wǎng)頁的描述,關(guān)鍵詞,作者。
注釋快捷鍵:CTRL+? (注釋是不被運行的,作用就是幫助程序員記東西)
<!--這是一個注釋-->
HTML屬性
- 通用屬性:幾乎所有元素都可以使用的屬性,例如 id、name、style等
- 私有屬性:某個一個/類元素所具備的屬性
- 事件屬性:為某個元素綁定事件(DOM學習)
- 自定義屬性:開發(fā)者為某個元素設(shè)置的屬性,一般都是在前端框架中使用
- 參考介紹https://developer.mozilla.org/zh-CN/
HTML完整結(jié)構(gòu)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!--頭部,js和css寫在這里面-->
</head>
<body>
<!--內(nèi)容主體-->
</body>
</html>
可能我寫的會有些不清楚,到后面有代碼的時候就會清楚了