本節簡介:學習 常用的HTML標簽,涉及網頁美工部分的幾種常見HTML標簽及相關屬性。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
列表:<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>下方,用于設置顯示所有網頁頁面主
老師的英文單詞title讀成了little 差別很大啊
Warp 列表排序方式,垂直vert或水平horiz
shift+enter換行標簽<br/>。10個中文就是20個字符。橙色顯示表單,綠色顯示鏈接
超鏈接:<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>多行文本框
超鏈接:<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列表排列方式
文本及效果標簽:<p>...</p>分段 <br/>單標簽、換行 <h1>~<h6>一級到六級標簽 <strong>...</strong>加粗 <em>...</em>斜體 font字體屬性變化..可定義size、family、color等 <u>...</u>下劃線(文本css樣式在head里面)