1 什么是html
HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。
HTML 指的是超文本標(biāo)記語(yǔ)言: HyperText Markup Language
HTML 不是一種編程語(yǔ)言,而是一種標(biāo)記語(yǔ)言
標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽 (markup tag)
HTML 使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)
HTML 文檔包含了HTML 標(biāo)簽及文本內(nèi)容
HTML文檔也叫做 web 頁(yè)面
2 html標(biāo)簽
HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽 (HTML tag)。
HTML 標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞,比如 <html>
HTML 標(biāo)簽通常是成對(duì)出現(xiàn)的,比如 <b> 和 </b>
標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開(kāi)始標(biāo)簽,第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽
開(kāi)始和結(jié)束標(biāo)簽也被稱為開(kāi)放標(biāo)簽和閉合標(biāo)簽
3 主標(biāo)簽解析
<!DOCTYPE html> 聲明為 HTML5 文檔
<meta charset="UTF-8"> 申明utf-8編碼,防止輸出中文亂碼
<html> 元素是 HTML 頁(yè)面的根元素
<head> 元素包含了文檔的元(meta)數(shù)據(jù)
<title> 元素描述了文檔的標(biāo)題
<body> 元素包含了可見(jiàn)的頁(yè)面內(nèi)容
3.1 HTML 頭部
<head> 元素包含了所有的頭部標(biāo)簽元素。在 <head>元素中你可以插入腳本(scripts), 樣式文件(CSS),及各種meta信息。
可以添加在頭部區(qū)域的元素標(biāo)簽為: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>。
3.1.1 <title>
4 htm 與 html 的區(qū)別
前者是超文本標(biāo)記(Hypertext Markup)
后者是超文本標(biāo)記語(yǔ)言(Hypertext Markup Language)
以前 htm 和 html 作為不同的服務(wù)器上的超文本文件,但現(xiàn)在通用。
可以說(shuō) htm = html
推薦使用長(zhǎng)后綴名 html 。
5 css
CSS 可以通過(guò)以下方式添加到HTML中:
5.1 內(nèi)聯(lián)樣式- 在HTML元素中使用"style" 屬性
5.2 內(nèi)部樣式表 -在HTML文檔頭部 <head> 區(qū)域使用<style> 元素 來(lái)包含CSS
5.3 外部引用 - 使用外部 CSS 文件
5.1 內(nèi)聯(lián)樣式
<p style="font-family:arial;color:red;font-size:20px;">一個(gè)段落。</p>
5.2 內(nèi)部樣式表
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
5.3 外部引用
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>