1,HTML全稱Hyper Text Markup Language(超文本標記語言)擴展XML:Extendsible Markup Language(可擴展性標記語言)2,CSS是一種表現樣式3,js則是一種行為,控制網頁的行為。編寫html 文檔的註意點01.所有標簽字母均小寫。02.有開始就...
1,HTML 全稱
Hyper Text Markup Language(超文本標記語言)
擴展XML:Extendsible Markup Language(可擴展性標記語言)
2,CSS是一種表現樣式
3,js則是一種行為,控制網頁的行為。
編寫html 文檔的註意點
01.所有標簽字母均小寫。
02.有開始就要有閉合標簽
03.每個層次的標簽有一定程度的縮進。
註意:如果發現body 內書寫了內容,用瀏覽器打開後發現沒有內容,那麼
就需要檢查下title 標簽有沒有閉合。
標簽
01.h 標簽:從h1 到h6 字體逐漸減小。
效果:自身加粗,並且可以控制字型大小。
02.p 標簽:和其他的內容行之間有一個空行。
03.br 換行標簽:是自身閉合標簽。<br/>
04.hr 水平線標簽,是自身閉合標簽。
05.strong(加粗)、06.em(傾斜)
07.特殊符號:所有的特殊符號都是包括在&;中
空格:
大於號:>
小於號:<
雙引號:"
版權符號:©
08.圖片標簽<img src=”.jpg” alt=“。。” />
10.超鏈接
分類:頁面間鏈接,錨鏈接,功能性鏈接。
11.頁面間鏈接
<a href=”http://www.baidu.com”>去百度</a>
12.錨鏈接:
同頁面間錨鏈接
分兩步:第一步:在頁面目標位置設置一個錨記。<a name=”star”><img src=”01.jpg”
/></a>
第二步:在另一處創建出一個超鏈接:<a href=”#star”>去看明星的隱私信
息吧</a>
02.跨頁面的錨鏈接
功能性鏈接:
<a href=”mailto:[email protected]”>站長信箱</a>
<a href="tencent://message/?uin=QQ">打開QQ</a>
13.列表
001.無序列表:
<ul>
<li></li>
</ul>
002.有序列表
<ol>
<li></li>
</ol>
003.定義描述標簽:應用場景:在圖文混編的情況下使用
<dl>
<dt>放置圖片</dt>
<dd></dd>
表格
<html>
<head>
<title>表格</title>
</head>
<body>
<table border="1px">
<tr>
<td>北京</td>
<td>上海</td>
<td>廣州</td>
</tr>
<tr>
<td>北京</td>
<td>上海</td>
<td>廣州</td>
</tr>
<tr>
<td>北京</td>
<td>上海</td>
<td>廣州</td>
</tr>
</table>
</body>
</html>
重點:表格的跨行跨列
步驟:1、有幾行幾列?
解析:3 行兩列
2.該跨行的跨行(rospan),該跨列的跨列(cospan)
3.核心原則:跨行和跨列只能出現在td 中
一定要註意的是:所有的跨行和跨列操作都出現在td 中。