1. 程式人生 > >Web前端基礎1-結構

Web前端基礎1-結構

2.1 W3C標準

網頁主要有三部分組成:結構,表現和行為。對應標準:結構化標準語言(HTML.XML),表現標準語言(CSS),行為標準(W3C DOM,ECMScript)

2.1.1 HTML

一種網頁資訊的符號標記語言,HTML語言的特點:
在這裡插入圖片描述
1.HTML的基本結構
< html>…</ html>
< head>…</ head>
< title>…</ title>
< body>…</ body>
< meta>元資訊</ meta>
2.文件設定標記
< br>:換行
< p>:段落標記
< center>:居中對齊
< pre>:預格式化標記
< li>:列表專案標記
< ul>:無序列表
< ol>:有序列表
< dl>< dt>< dd>:定義型列表
< hr>:水平分割
< div>:分割槽
文字標記:
< hn>:標題
< font>:字型設定
< b>:粗體
< i>;斜體
< sub>:文字下標
< sup>:文字上標
< tt>:印表機字型
< cite>:引用字型
< em>:表強調
< strong>:表強調
< small>:小型字型
< big>:大型字型
< u>:下劃線
3.影象標記
< img src="…“width=”…“height=”…“border=”…“alt=”…">
src:路徑,名稱及格式
width:寬度
height:高度
border:邊框寬度
alt:滑鼠移動到圖片可以顯示文字;圖片下載失敗使用文字顯示;通過屬性的文字來抓取圖片
4.超連結的使用
< a href="連結地址"target="開啟方式"name=“頁面錨點名稱”>連結文字或圖片</ a>
5.表格
< table 屬性1="屬性值1"屬性值2=“屬性值2”…>表格內容</ table>
常見屬性:
width:表格寬度
height:表格高度
border:表格外邊框寬度
align:表格顯示位置
cellspacing:單元格之間間距
cellpadding:單元格內容與邊框的顯示距離
frame:控制邊框有無
rules:是否顯示單元格之間的分割線
< caption>:表格標題
< tr>:定義表格的行
< td>< th>:單元格標記