01-文本標(biāo)簽
1.web標(biāo)準(zhǔn)
web前端的內(nèi)容：HTML纵柿、CSS却汉、JavaScript
web標(biāo)準(zhǔn)（萬維網(wǎng)——W3C指定的）中規(guī)定HTML是結(jié)構(gòu)標(biāo)準(zhǔn)廊酣，CSS是表現(xiàn)標(biāo)準(zhǔn)，JavaScript是行為標(biāo)準(zhǔn)
a.HTML結(jié)構(gòu)標(biāo)準(zhǔn)中規(guī)定了網(wǎng)頁上能夠顯示的內(nèi)容帆竹，比如文字绕娘、圖片、音頻栽连、視頻险领、Flash、按鈕秒紧、輸入框ect
b.CSS表現(xiàn)標(biāo)準(zhǔn)規(guī)定網(wǎng)頁內(nèi)容的布局和樣式绢陌，比如內(nèi)容該顯示在什么位置，內(nèi)容是什么顏色噩茄，大小ect
c.JS行為標(biāo)準(zhǔn)規(guī)定網(wǎng)頁的內(nèi)容在某種情況下發(fā)送什么樣的改變下面。（網(wǎng)頁發(fā)生動態(tài)的變化）2.HTML
a.什么是HTM
HTML又叫超文本標(biāo)記語言（是標(biāo)記語言，不是編程語言）
b.HTML的版本
狹義的h5：指的是html第五個大版本
廣義的h5：指的是html5 + CSS3 + javascript
c.html文件結(jié)構(gòu)（由不同的標(biāo)簽組成）
<html>
——<head>
————內(nèi)容是不可見的
——</head>
——<body>
————內(nèi)容是可見的
——</body>
</html>3.HTML中的標(biāo)簽
網(wǎng)頁中的內(nèi)容就是通過html中的不同的標(biāo)簽（標(biāo)記）來確定
標(biāo)簽語法：
a.常規(guī)標(biāo)簽（雙標(biāo)簽）：<標(biāo)簽名 屬性名1=屬性值1 屬性名2=屬性值2 ...>標(biāo)簽內(nèi)容</標(biāo)簽名>
b.單標(biāo)簽：<標(biāo)簽名 屬性名1=屬性值1 屬性名2=屬性值2 ... ...>或者<標(biāo)簽名 屬性名1=屬性值1 屬性名2=屬性值2 .../>
meta绩聘、hr沥割、br
說明：
<>,</>：固定寫法耗啦，html中所有的標(biāo)簽都是寫在<>中的
標(biāo)簽名：HTML中的標(biāo)簽名不是隨便命名的，而是一些固定的值机杜，例如：<p></p>-p標(biāo)簽帜讲、a標(biāo)簽、b標(biāo)簽椒拗、h1標(biāo)簽似将、input標(biāo)簽、img標(biāo)簽
標(biāo)簽名前不能有空隙
屬性：放到開始標(biāo)簽中蚀苛，屬性名和屬性值之間用=連接在验，多個屬性之間使用空格隔開。屬性可以是自定義的屬性也可以是標(biāo)簽自帶的屬性
屬性沒有順序
標(biāo)簽內(nèi)容：雙標(biāo)簽才存在標(biāo)簽內(nèi)容堵未，標(biāo)簽內(nèi)容可以是任何東西（可以是文字也可以是其他的標(biāo)簽）
例如：<div>我是Python</div>腋舌，<div><p></p><img></div>
</>：結(jié)束標(biāo)簽，單標(biāo)簽沒有一個單獨的結(jié)束標(biāo)簽4.基本語法
HTML中大小寫不敏感：html和HTML渗蟹，HtMl是一樣的
文件命名要求：是由字母和數(shù)字組成块饺，但是數(shù)字不開頭，一般都是小寫雌芽，網(wǎng)站首頁的html文件命名為index
DOCTYPE：用來說明當(dāng)前的html文件中使用的html版本
html：代表HTML55.標(biāo)簽
1.head標(biāo)簽：head標(biāo)簽中的內(nèi)容不可見授艰，一般做一些網(wǎng)頁設(shè)置性的操作
2.head標(biāo)簽中的內(nèi)容：head標(biāo)簽中的子標(biāo)簽是固定的
meta標(biāo)簽：單標(biāo)簽，charset屬性用來設(shè)置網(wǎng)頁的編碼方式
title標(biāo)簽：設(shè)置網(wǎng)頁標(biāo)題
link標(biāo)簽
style標(biāo)簽
script標(biāo)簽
base標(biāo)簽
02-圖片和超鏈接
-
1.圖片標(biāo)簽:img標(biāo)簽
單標(biāo)簽src屬性：圖片地址（可以是本地的圖片地址世落，也可以是遠(yuǎn)程服務(wù)器上的地址） title屬性：設(shè)置圖片的標(biāo)題（這個標(biāo)題是鼠標(biāo)停留在圖片上等一會兒出現(xiàn)的文字） alt屬性：用來設(shè)置圖片加載失敗的時候出現(xiàn)的提示信息 -
2.超鏈接標(biāo)簽：a標(biāo)簽
想要點擊跳轉(zhuǎn)的地方都可以使用超鏈接語法(1).href屬性：跳轉(zhuǎn)目標(biāo)對應(yīng)的地址 a.其他的網(wǎng)頁地址 ------ 跳轉(zhuǎn) b.寫本地的一個html路徑 ----- 跳轉(zhuǎn) c.空 ------ 刷新 d.選擇器 ------ 在網(wǎng)頁內(nèi)淮腾，讓網(wǎng)頁跳轉(zhuǎn)到指定的位置 (2).target屬性：設(shè)置跳轉(zhuǎn)方式 _self（默認(rèn)值）：在當(dāng)前頁面中刷新出新的內(nèi)容 _blank：創(chuàng)建一個新的頁面，然后刷新href指定位置的內(nèi)容 注意：刷新當(dāng)前網(wǎng)頁和在當(dāng)前網(wǎng)頁跳轉(zhuǎn)到指定位置的時候岛心，只能使用默認(rèn)的_self
03-表格標(biāo)簽
- 1.表格標(biāo)簽：table標(biāo)簽来破、tr標(biāo)簽篮灼、td標(biāo)簽忘古、th標(biāo)簽
快捷鍵：tr*10 + tab鍵，直接創(chuàng)建10行
table標(biāo)簽：表格整體（一個table標(biāo)簽代表一個表格）
tr標(biāo)簽：行（一個tr標(biāo)簽代表一行）
td標(biāo)簽：單元格（一個td標(biāo)簽代表一個單元格）
th標(biāo)簽：表頭 - 2.屬性：
a.border屬性：設(shè)置表格的邊框的寬度诅诱，只能作為table的屬性
b.bordercolor屬性：設(shè)置邊框顏色,只能作為table的屬性
c.background：設(shè)置背景圖片
d.bgcolor：設(shè)置背景顏色髓堪，可以作為table/tr/td的屬性
e.cellspacing：設(shè)置單元格與單元格之間的間距（默認(rèn)值1）
f.cellpadding：設(shè)置內(nèi)容和單元格之間的距離（默認(rèn)值0）
g.width:一般作用于某一個單元格，影響的是一列
h.height:一般作用于一行娘荡，影響的是一行地高度
i.align：設(shè)置對齊方式（可以作用于table/tr/td）
作用于table干旁，讓整個表格在瀏覽器中居中
作用于tr/td，讓內(nèi)容在單元格中居中
j.設(shè)置寬高只有大的值有效,表格中不一定是文字炮沐，可以是圖片或者超鏈接ect
k.colspan:列的合并争群；rowspan:行的合并
過程：先確定表格的行和列的最大數(shù)，再觀察表格是否有合并現(xiàn)象大年，
如果有换薄，就使用列合并（colspan）和行合并（rowspan）
