HTML

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>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一.HTML、XML、XHTML 有什么區(qū)別 什么是 HTML? HTML 指的是超文本標(biāo)記語(yǔ)言 (Hyper T...
    Sunset125閱讀 876評(píng)論 0 1
  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,172評(píng)論 1 92
  • 第一節(jié):HTML基礎(chǔ) 什么是瀏覽器 瀏覽器是網(wǎng)頁(yè)運(yùn)行的平臺(tái),常用的瀏覽器有IE、火狐(Firefox)、谷歌(Ch...
    單行道MY閱讀 1,233評(píng)論 0 14
  • 1.HTML、XML、XHTML 有什么區(qū)別 HTML HTML含義:(HyperText Markup Lang...
    LouisJ閱讀 1,226評(píng)論 0 1
  • 文|藍(lán)子辰 今天是2017年12月31日,2017年的最后一天。借此機(jī)會(huì),借此平臺(tái),給自己做個(gè)年終總結(jié)。 1.繪畫...
    藍(lán)子辰閱讀 387評(píng)論 1 5

友情鏈接更多精彩內(nèi)容