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