最近自學(xué)了前端的一些內(nèi)容:HTML琉兜、CSS鹰椒、JS
HTML負責(zé)頁面內(nèi)容,CSS負責(zé)頁面格式呕童,JS負責(zé)動作漆际。
整理下html的大體內(nèi)容
HTML文件框架
<!DOCTYPE html>
<html>
<head>
<title>標(biāo)題</title>
<meta charset=utf-8>
</head>
<body>
</body>
</html>
HTML用標(biāo)簽的形式書寫
<>表示開始? </>表示結(jié)束
<!DOCTYPE html>表明文件是html5文件,遵循h(huán)tml5規(guī)范夺饲。
<html></html>之間就是html的內(nèi)容奸汇。分為head和body兩個部分。
<head></head>里承載一些標(biāo)記提示類的內(nèi)容
<title>標(biāo)題</title>指文件標(biāo)題
<meta charset=utf-8>指字符集用utf-8字符集
<body></body>里承載具體顯示在頁面里的內(nèi)容
1往声、段落
<h1></h1>是html標(biāo)題標(biāo)簽擂找,僅次于title。之間的內(nèi)容單獨成行浩销。還有h2贯涎、h3、h4慢洋、h5塘雳、h6標(biāo)簽陆盘,重要性遞減。
<p></p >是分段標(biāo)簽败明。之間的內(nèi)容是一個段落隘马。
<br>是換行標(biāo)簽。
2妻顶、字體
<b></b> 加粗
<i></i>斜體
<mark></mark>高亮
<del></del>刪除(中間加貫穿線)
<ins></ins>添加(下面加下劃線)
3酸员、圖片
< img src="圖片地址"> src指向圖片的源文件地址
圖片在html中被看做是一個字符
wtdth height 屬性設(shè)置圖片的尺寸。這里的主要作用不是規(guī)定寬和高讳嘱,而是讓瀏覽器預(yù)先為圖片流出位置幔嗦。以防網(wǎng)速慢先加載出別的內(nèi)容還要重新調(diào)位置
<iframe src="網(wǎng)站地址"></iframe>插入浮動框架。比如某個網(wǎng)站的頁面
4沥潭、超鏈接
插入鏈接? <a href=" ">要打開的鏈接名字</a >
屬性target=_blank 在新頁面中打開?
5邀泉、表格
表格 <table border="1"></table> 有border="1"這個屬性就有格子線
表頭 <caption>表格名稱</caption>
<tr></tr>之間的內(nèi)容在一行里
<th></th>之間的內(nèi)容是每一列的表頭
<td></td>之間的內(nèi)容是每一行的每一個內(nèi)容
<td colspan="3">內(nèi)容</td> 延展三個單元格,如果一行就三個格子叛氨,就有合并單元格的效果了
6呼渣、列表
<ul></ul> 不排序的列表棘伴。中間的每一項用<li></li>分開
<ol></ol>有序列表 分條目 類似123 中間的每一項用<li></li>分開 可以加屬性<ol start="2"><ol>列表從2開始
列表可以嵌套
第一個網(wǎng)頁寞埠,丑了點,但也算是開啟了大門吧