初識HTML

什么是HTML

Hyper Text Markup Language,超文本標記語言,是網(wǎng)頁的標準語言。
html由標簽(tag, element)構(gòu)成。
標簽可以有屬性(attribute),屬性就有值(value)。
屬性用于控制標簽的外觀和行為。

標簽的2種寫法:

  1. <element attribute="value">content</element>
  2. <element attribute="value"/>

html文檔基本結(jié)構(gòu)

<!doctype html>
<html>
<head>頭信息</head>
<body>主體</body>
</html>

html注釋

基本標簽

title,頁面標題,在head下
h1-h6,內(nèi)容標題,在body下
p,prograph,段落
br,換行
hr,水平線
strong,粗體
em,斜體
span,跨越
空格
< 小于號

大于號
" 雙引號
? 版權(quán)號

圖像標簽:


圖像地址:
可以是絕對地址: http://...../../...jpg
也可以是相對地址:img/mvi.jpg
替代文本是圖像加載錯誤時顯示的文本。

頁面間的鏈接:
<a href="鏈接地址" target="目標窗口的位置">文本或圖像</a>
鏈接地址:點擊該鏈接后要跳轉(zhuǎn)的地址
目標窗口:
_self: 原窗口
_blank: 新開一個窗口

錨鏈接:
第1步:在要定位的標簽處,設(shè)置其id屬性,例如:<p id="xyz">
第2步:設(shè)置錨鏈接,如:<a href="#xyz">

功能性鏈接:
作用:喚醒QQ,MSN,OUTLOOK等本地應(yīng)用程序進行特定的網(wǎng)絡(luò)通訊。
如:<a href="mailto:user@blog.cn">

meta

meta標簽出現(xiàn)在head中,可用于設(shè)置文件字符集(charset)、頁面關(guān)鍵詞、描述等內(nèi)容。

<meta charset="utf-8" />
<meta name="keyword" content="范冰冰,冰冰范,..." />
<meta name="description" content="描述文本" />```

常見字符集:
iso-8859-1: 純英文編碼
GBK: 簡體中文編碼
GBV2312: 簡體中文編碼
UTF-8: 國際上首選的編碼,它兼容各個地區(qū)和國家的文字。
big-5:大五碼,繁體中文編碼。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

  • ********** 未經(jīng)本人允許,嚴禁轉(zhuǎn)載任何網(wǎng)站 ********** 本人在慕課網(wǎng)學(xué)習(xí)HTML+CSS基礎(chǔ)課...
    zhaolion閱讀 11,124評論 46 548
  • HTML、XML、XHTML 有什么區(qū)別 1.HTML 是用來描述網(wǎng)頁的一種語言,指的是超文本標記語言 (Hype...
    饑人谷_牛牛閱讀 828評論 0 2
  • 什么是 HTML? HTML 是用來描述網(wǎng)頁的一種語言。HTML 指的是超文本標記語言 (Hyper Text M...
    楓羽望空閱讀 1,071評論 3 14
  • HTML與XML與XHTML三者之間的區(qū)別 HTML的簡介超文本標記語言(HyperText Markup Lan...
    24_Magic閱讀 422評論 0 1
  • 今天加入易效能的第59天.從加入到現(xiàn)在慢慢的養(yǎng)成了早睡早起培養(yǎng)良好的作息規(guī)律。培養(yǎng)運動習(xí)慣學(xué)習(xí)時間管理。 很...
    hui七七閱讀 424評論 0 1

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