01 HTML
一.web基礎(chǔ):
1.結(jié)構(gòu)標(biāo)準(zhǔn) HTML 決定網(wǎng)頁(yè)上顯示的內(nèi)容
2.表現(xiàn)標(biāo)準(zhǔn) css 決定網(wǎng)頁(yè)內(nèi)容地布局和顯示方式
3.行為標(biāo)準(zhǔn) JS 決定網(wǎng)頁(yè)的動(dòng)態(tài)效果
4.
二.HTML 超文本標(biāo)記語(yǔ)言(可以用來(lái)標(biāo)記文本,圖片,視頻,音頻,按鈕,輸入框)
HTML不是編程語(yǔ)言,不會(huì)編譯執(zhí)行,語(yǔ)法錯(cuò)誤也不會(huì)報(bào)錯(cuò)導(dǎo)致程序無(wú)法運(yùn)行,只是單純的無(wú)法顯示你想表現(xiàn)得文本格式
三.HTML的版本
H5 廣義:指HTML5+CSS3+js 狹義:HTML5
四.HTML編程
a. HTML標(biāo)記語(yǔ)言對(duì)應(yīng)的文件后綴,一般都是html(格式即說(shuō)明就是打開(kāi)方式的不同,)
b. HTML的結(jié)構(gòu) 整個(gè)HTML都有的不同的標(biāo)簽組成
五.標(biāo)簽\標(biāo)記
通過(guò)不同的標(biāo)記,讓文本在瀏覽器上不同的樣子表示
1.常規(guī)標(biāo)簽/常規(guī)標(biāo)簽
a. <標(biāo)簽名 屬性 = 屬性值 屬性= 屬性值> 標(biāo)簽內(nèi)容 </標(biāo)簽名> ----完整標(biāo)簽 雙標(biāo)簽
b.單標(biāo)簽 <標(biāo)簽名 屬性= 屬性值 屬性= 屬性值 /> 還可以不需要最后的斜杠
說(shuō)明:
標(biāo)簽名: 標(biāo)簽名是HTML固定的,
屬性: 屬性和標(biāo)簽名用空格隔開(kāi),一屬性=屬性值的形式存在,多個(gè)屬性之間可以用空格隔開(kāi)
屬性可以是自定義的 ,
標(biāo)簽內(nèi)容: 是指結(jié)束標(biāo)簽和開(kāi)始標(biāo)簽之間的內(nèi)容,可以是任何內(nèi)容
補(bǔ)充: 在HTML中,不區(qū)分大小寫(xiě)
網(wǎng)頁(yè)的結(jié)構(gòu):
<!DOCTYPE HTML > <!--對(duì)html版本進(jìn)行說(shuō)明, 默認(rèn)版本即HTML5-->
<html>
<head>
<meta charset="utf-8" /> <!--設(shè)置編碼方式-->
<style></style>
<link rel="stylesheet" type="text/css" href=""/>
<script type="text/javascript"> </script>
<base />
</head>
<body> <!--負(fù)責(zé)網(wǎng)頁(yè)的顯示部分-->
<h1>文本標(biāo)簽</h1>
<p>
yiyiyiyiiyiyiyiyiyiyiyiyiyiyiyiyi<!--段落標(biāo)簽,一個(gè)p標(biāo)簽對(duì)應(yīng) 一個(gè)段落,兩個(gè)段落就使用多個(gè)p標(biāo)簽-->
</p>
</body>
</html>
02 列表
列表即有序列表,無(wú)序列表,自定義列表
有序列表ol 無(wú)序列表ul 自定義列表 dl dt dd
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>列表相關(guān)</title>
</head>
<body>
<!--有序列表
ol
-->
<ol>
<li>語(yǔ)文</li>
<li>數(shù)學(xué)</li>
<li>英語(yǔ)</li>
</ol>
<!--無(wú)序列表-->
<ul>
<li>成都</li>
<li>重慶</li>
<li>北京</li>
</ul>
<!--自定義列表-->
<dl>
<dt>城市:</dt>
<dd>重慶</dd>
<dd>成都</dd>
<dd>合肥</dd>
</dl>
</body>
</html>
03 圖片和超鏈接
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>圖片和超鏈接</title>
</head>
<body>
<!--1.圖片標(biāo)簽
src屬性: 圖片的地址(本地地址,網(wǎng)絡(luò)地址)
本地地址: 絕對(duì)路徑,相對(duì)路徑
-->
<img src="地址" alt="圖片加載失敗后顯示的提示信息" title="圖片標(biāo)題" />
<!--2.超鏈接
網(wǎng)頁(yè)上,點(diǎn)擊后可以跳轉(zhuǎn)的標(biāo)簽,都是超鏈接
href屬性: 跳轉(zhuǎn)的地址(可以是網(wǎng)絡(luò)地址和本地地址)
target屬性:
_self 在當(dāng)前頁(yè)面打開(kāi)href的地址
_blank 在新的頁(yè)面打開(kāi)href地址
a. 點(diǎn)擊文字跳轉(zhuǎn)
b.
-->
<a href="地址" target=""></>
</body>
</html>
04 表格
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格</title>
</head>
<body>
<!--
1.border: 設(shè)置整個(gè)表格邊框的寬度
2.width: 設(shè)置整個(gè)表格的高度(每一行寬度不一樣)
3.height: 設(shè)置整個(gè)表格的高度(每一行高度一樣)
注意: 所有的屬性的值都要用引號(hào)
tr ---height 設(shè)置單獨(dú)的每一行的高度
設(shè)置第一行每一列的寬度 就可以控制整個(gè)表格的寬度,
哈哈哈,九月份出有課,怎么去處理呢?
先是金鷹大佬的課 很煩啊,去請(qǐng)假吧,然后還有第一節(jié)課肯定要去,其他的嘛.再說(shuō)吧另外一個(gè)就是學(xué)校安排的實(shí)習(xí)
三周,也不知道去干嘛,靠,又不能幫助畢業(yè)
callspacing 設(shè)置每個(gè)單元格空間
-->
<table border="1" width="120" height="100" cellpadding="" cellspacing="0" bordercolor="red"> <!--代表整個(gè)表格-->
<!--tr 代表一行-->
<!--td 代表是列-->
<!--一個(gè)表格可以有多行,一行有多列-->
<tr height="150"> <!--第一行-->
<td>姓名</td> <!--第一行第一列-->
<td>成績(jī)</td>
<td>是否留級(jí)</td>
</tr> <!--第二行-->
<tr height="200">
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
</table>
</body>
</html>
