本節簡介:學習 常用的HTML標簽,涉及網頁美工部分的幾種常見HTML標簽及相關屬性。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
<html>······</html>:HTML頁面的一個基本標簽,所有的內容都將放置在該標簽下。<head>······</head>:HTML中的頭部標簽,可以設置網頁的全局屬性。<title>······</title>:位于<head>標簽內,用于設置網頁標題。<body>······</body>:位于<html>標簽內,<head>下方,用于設置顯示所有網頁頁面主
<head></head>頭部標簽<tilel></tilel>標題標簽放在頭部里面
超鏈接 : <base href=地址> 連接至路徑 <a href=地址>...</a> 外部鏈接 <a href=地址 target=_blank></a> 外部鏈接(另開新窗口) <a href=地址 target=_top></a> 外部連結(全窗口連結) <a href=地址 target=框架名></a> 外部連結(在指定框架頁面連結) <a hrel=
<form>...</form> 表單 <input/> 表單標簽,可用來創建文本框、單選按鈕、復選框等 <select>...</select> 下拉列表 <option>...</option> 下拉列表項,位于<select>...</select>內部 <textarea>...<textarea> 多行文本框
列表:<ul>...</ul> 創建一個無序列表 <ol>...</ol> 創建一個有序列表 <dir>...</dir> 創建目錄式列表,每一個列表項不能超過十個中文 <menu>...<menu>創建選項式列表 <li>...</li> 列表項,位于上列任一代碼內部,可多次使用 type 項目符號形式 <ul type=#>或<li type=#&g
<td>...</td> 單元格 border 邊框厚度 bgcolor 表格背景顏色 cellpadding 單元格內填充 cellspacing 單元格間距 top 上對齊 middle 居中對齊 bottom 下對齊
表格及屬性: <table>...</table> 表格 <tr>...</tr> 行
<img/> 圖像,單標簽 src 圖像地址 width 圖像寬度 border圖框 height圖像高度 alt圖像替代文本
<p>...</p> 分段 <h1>~<h6> 一級到六級標題 <strong>...</strong> 粗體 <em>...</em> 斜體 font 字體屬性變化。??啥xsize、family 、color等 <u>...</u>下劃線
網頁常用的HTML標簽:結構標簽 <html>...</html> 所有內容都將放在該標簽下 <head>...</head> 可以設置網頁的全局屬性 <title>...</title> 位于<head>標簽內,用于設置網頁標題 <body>...</body> 位于<html>標簽內,<head>下方,用于設置顯示所有網頁頁面主體
超鏈接:<base href=地址>鏈接至路徑 <a href=地址>...</a>外部鏈接 <a href=地址 target=_blank></a>外部鏈接(另開新窗口) <a href=地址 target=_top></a>外部鏈接(全窗口鏈接)<a href=地址 target=_框架名></a>外部鏈接(在指定框架頁面鏈接<a href=地址 target=_self&g
表單標簽:<form>...</form>表單 <input/>表單標簽,可用來創建文本框、單選按鈕、復選框等 <select>...</select>下拉列表 <option>...</option>下拉列表項,位于<select>...</select>內部 <textarea>...</textarea>多行文本框
列表:<ul>...</ul>創建一個無序列表 <ol>...</ol>創建一個有序列表 <dir>...</dir>創建目錄式列表,每一個列表項不能超過10個中文 <menu>...<menu>創建選項式列表 <li>...</li>列表項,位于上列任一代碼內部,可多次使用 type項目符號形式 <ul type=#<li type=#> warp列表排列方式
表格及屬性:<table>...</table>表格 <tr>...</tr>行 <td>...</td>單元格 border邊框厚度 bgcolor表格背景顏色 cellpadding單元格內填充 cellspacing單元格間距 top上對齊 middle居中對齊 bottom 下對齊
圖像及屬性:<img/>圖像,單標簽 src圖像地址 width圖像寬度 border圖框 height 圖像高度 alt 圖像替代文本
文本及效果標簽:<p>...</p>分段 <br/>單標簽、換行 <h1>~<h6>一級到六級標簽 <strong>...</strong>加粗 <em>...</em>斜體 font字體屬性變化..可定義size、family、color等 <u>...</u>下劃線(文本css樣式在head里面)
<html>······</html>:HTML頁面的一個基本標簽,所有的內容都將放置在該標簽下。<head>······</head>:HTML中的頭部標簽,可以設置網頁的全局屬性。<title>······</title>:位于<head>標簽內,用于設置網頁標題。<body>······</body>:位于<html>標簽內,<head>下方,用于設置顯示所有網頁頁面主
<html>······</html>:HTML頁面的一個基本標簽,所有的內容都將放置在該標簽下。<head>······</head>:HTML中的頭部標簽,可以設置網頁的全局屬性。<title>······</title>:位于<head>標簽內,用于設置網頁標題。<body>······</body>:位于<html>標簽內,<head>下方,用于設置顯示所有網頁頁面主