一.什么是HTML固该?
- HTML 是用來描述網(wǎng)頁的一種語言涵叮。
- HTML 指的是超文本標(biāo)記語言 (Hyper Text Markup Language)
- HTML 不是一種編程語言鲜锚,而是一種標(biāo)記語言 (markup language)
- 標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)
- HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁
二.HTML 文檔 = 網(wǎng)頁
- HTML 文檔描述網(wǎng)頁
- HTML 文檔包含 HTML 標(biāo)簽和純文本
- HTML 文檔也被稱為網(wǎng)頁
三.HTML標(biāo)簽
HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽 (HTML tag)哀蘑。
- HTML 標(biāo)簽是由尖括號包圍的關(guān)鍵詞,比如
<html>
- HTML 標(biāo)簽通常是成對出現(xiàn)的峭咒,比如
<b>
和</b>
- 標(biāo)簽對中的第一個標(biāo)簽是開始標(biāo)簽,第二個標(biāo)簽是結(jié)束標(biāo)簽
- 開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽
四.簡單介紹
-
<html>
與</html>
之間的文本描述網(wǎng)頁 -
<body>
與</body>
之間的文本是可見的頁面內(nèi)容 -
<h1>
與</h1>
之間的文本被顯示為標(biāo)題 -
<p>
與</p>
之間的文本被顯示為段落
五.HTML樣式
style屬性用于改變 HTML 元素的樣式纪岁。不贊成使用的標(biāo)簽和屬性,在 HTML 4 中凑队,有若干的標(biāo)簽和屬性是被廢棄的。被廢棄(Deprecated)的意思是在未來版本的 HTML 和 XHTML 中將不支持這些標(biāo)簽和屬性幔翰。
style
屬性淘汰了“舊的”bgcolor
屬性漩氨。
標(biāo)簽|描述
--|--|---
<center>
| 定義居中的內(nèi)容。
<font>
、 <basefont>
| 定義 HTML 字體。
<s>
裆赵、 <strike>
|定義刪除線文本
<u>
|定義下劃線文本
屬性 | 描述
align
| 定義文本的對齊方式
bgcolor
| 定義背景顏色
color
|定義文本顏色
對于以上這些標(biāo)簽和屬性:請使用樣式代替模狭!
六.HTML元素
HTML 元素指的是從開始標(biāo)簽(start tag)到結(jié)束標(biāo)簽(end tag)的所有代碼。(始標(biāo)簽常被稱為開放標(biāo)簽(opening tag)推正,結(jié)束標(biāo)簽常稱為閉合標(biāo)簽(closing tag)
HTML元素語法
HTML 元素以開始標(biāo)簽起始
HTML 元素以結(jié)束標(biāo)簽終止
元素的內(nèi)容是開始標(biāo)簽與結(jié)束標(biāo)簽之間的內(nèi)容
某些 HTML 元素具有空內(nèi)容(empty content)
空元素在開始標(biāo)簽中進行關(guān)閉(以開始標(biāo)簽的結(jié)束而結(jié)束)
<p>
元素定義了一HTML文檔中的一個段落,擁有一個開始標(biāo)簽<p>
,以及一個結(jié)束標(biāo)簽</p>
蔗坯。<body>
元素定義HTML文檔中的主體,擁有一個開始標(biāo)簽 <body>燎含,以及一個結(jié)束標(biāo)簽</body>
步悠。<html>
定義了整個 HTML 文檔。元素?fù)碛幸粋€開始標(biāo)簽 <html>瘫镇,以及一個結(jié)束標(biāo)簽</html>
鼎兽。空的 HTML 元素铣除,
<br>
就是沒有關(guān)閉標(biāo)簽的空元素(<br>
標(biāo)簽定義換行)谚咬。
七.HTML屬性
重要的一句話屬性總是在 HTML 元素的開始標(biāo)簽中規(guī)定。
屬性 | 值 | 描述 |
---|---|---|
class | classname | 規(guī)定元素的類名(classname) |
id | id | 規(guī)定元素的唯一 id |
style | style_definition | 規(guī)定元素的行內(nèi)樣式(inline style) |
title | text | 規(guī)定元素的額外信息(可在工具提示中顯示) |
額外小補充:<hr />
標(biāo)簽在 HTML 頁面中創(chuàng)建水平線尚粘。
八.HTML基礎(chǔ)實踐
<body style="background-color: aquamarine">
<!--HTML基礎(chǔ)-->
<!--標(biāo)題標(biāo)簽是通過 <h1> - <h6> 等標(biāo)簽進行定義-->
<h1 style="text-align: center">你是個大傻逼1</h1>
<!--style 屬性淘汰了舊的 "align" 屬性-->
<h2 style="color: blue;font-size:20px;">你是個大傻逼2</h2>
<h3>你是個大傻逼3</h3>
<h4>你是個大傻逼4</h4>
<!--創(chuàng)建水平分割線-->
<hr/>
<h5>你是個大傻逼5</h5>
<h6>你是個大傻逼6</h6>
<!--鏈接-->
<a >百度</a>
<!--圖片標(biāo)簽 通過 <img> 標(biāo)簽進行定義-->
![](https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png)
<!-- 段落是通過 <p> 標(biāo)簽進行定義的-->
<p>我是段落1</p>
<!--在不產(chǎn)生一個新段落的情況下進行換行(新行)择卦,使用 <br /> 標(biāo)簽:-->
<p>This is<br />a para<br />我是段落</p>
</body>
效果如下: