一.網(wǎng)頁(yè)是什么
-
網(wǎng)頁(yè)的組成部分
一個(gè)網(wǎng)頁(yè)由Html+CSS+JavaScript三部分構(gòu)成。
Html: 定義網(wǎng)頁(yè)元素內(nèi)容
CSS: 控制網(wǎng)頁(yè)樣式
JavaScript：操作網(wǎng)頁(yè)內(nèi)容，實(shí)現(xiàn)功能或者效果
-
網(wǎng)頁(yè)的基本格式
如下面的代碼就是一個(gè)標(biāo)準(zhǔn)的HTML網(wǎng)頁(yè)，里面包含Html，CSS，JavaScript三部分：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>選項(xiàng)卡標(biāo)題</title>
<style>
h1{
color: red;
}
p{
background-color: #ff00ff;
}
</style>
</head>
<body>
<h1>這里是文章標(biāo)題</h1>
<p>這是一個(gè)段落</p>
<script>
alert(1);
</script>
</body>
</html>
二.HTML的基本結(jié)構(gòu)
-
HTML的最簡(jiǎn)單格式：
一個(gè)最基本的HTML頁(yè)面由文檔申明如<!DOCTYPE html>和一個(gè)HTML容器組成。而HTML容器里面由<head>部分和<body>兩部分組成。所有其他標(biāo)簽都在這兩個(gè)標(biāo)簽里面：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Document</title>
</head>
<body>
</body>
</html>
三.HTML基本語(yǔ)法規(guī)則
1.所有標(biāo)簽都必須包含在<html></html>容器中。
2.HTML中的標(biāo)簽一般都是成對(duì)出現(xiàn)的，一個(gè)是開(kāi)始標(biāo)簽一個(gè)是結(jié)束標(biāo)簽。如<html></html> <body></body>,但也有單標(biāo)簽，如<meta charset="UTF-8"/>。
3.結(jié)束標(biāo)簽必須有“/”，若是單標(biāo)簽則用“/>”來(lái)結(jié)束開(kāi)始標(biāo)簽。例如<br /> <hr />.
4.屬性的引用必須要有雙引號(hào)。例如<td rowspan="3">。
5.所有的標(biāo)簽必須合理地嵌套,如<body><p>這是段落</p></body>。
四.HTML的常用標(biāo)簽概覽
-
[<!DOCTYPE>]
單獨(dú)列出說(shuō)明：[<!DOCTYPE>]是HTML的文檔聲明，用于定義文檔的類(lèi)型。但是根據(jù)W3C官方定義它不是一個(gè)HTML標(biāo)簽。
- 基礎(chǔ)標(biāo)簽
| 標(biāo)簽 | 描述 |
|---|---|
<html> |
定義 HTML 文檔。 |
<title> |
定義文檔的標(biāo)題。 |
<body> |
定義文檔的主體。 |
<h1>-<h6>
|
定義 HTML 標(biāo)題。 |
<p> |
定義段落。 |
<br> |
定義簡(jiǎn)單的折行。 |
<hr> |
定義水平線(xiàn)。 |
<!--....--> |
定義注釋。 |
注：上述標(biāo)簽引用于w3c
- 其它常用標(biāo)簽
| 標(biāo)簽 | 描述 |
|---|---|
<div> |
定義文檔中的節(jié)，即頁(yè)面的一個(gè)區(qū)塊。 |
<span> |
定義文檔中的節(jié)，組合行內(nèi)元素，以便通過(guò)樣式來(lái)格式化它們 |
<img> |
定義圖像 |
<ol> |
定義有序列表 |
<ul> |
定義無(wú)序列表 |
<dl> |
定義定義列表 |
<a> |
定義超鏈接 |
<button> |
定義按鈕 |
<table> |
定義表格 |
<form> |
定義輸入的HTML表單 |
- HTML全局屬性
| 屬性 | 描述 |
|---|---|
| accesskey | 規(guī)定激活元素的快捷鍵 |
| class | 規(guī)定元素的一個(gè)或多個(gè)類(lèi)名（引用樣式表中的類(lèi)） |
| contenteditable | 規(guī)定元素內(nèi)容是否可編輯 |
| data | 自定義屬性 |
| dir | 規(guī)定元素中內(nèi)容的文本方向 |
| draggable | 規(guī)定元素是否可拖動(dòng) |
| id | 規(guī)定元素的唯一 id |
| lang | 規(guī)定元素內(nèi)容的語(yǔ)言 |
| spellcheck | 規(guī)定是否對(duì)元素進(jìn)行拼寫(xiě)和語(yǔ)法檢查 |
| style | 規(guī)定元素的行內(nèi) CSS 樣式 |
| tabindex | 規(guī)定元素的 tab 鍵次序 |
| title | 規(guī)定有關(guān)元素的額外信息 |
| translate | 規(guī)定是否應(yīng)該翻譯元素內(nèi)容 |
注：以上屬性引用于饑人谷課件
*** 此文章著作權(quán)由饑人谷_劉沖和饑人谷(QQ 群: 222459918) 所有。轉(zhuǎn)載須說(shuō)明來(lái)源。***
