本节简介:学习 常用的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里面)