标签:
1.在webstorm中学习键盘输入“元素+TAB键=标签” 2.学习<a></a>标签的功能及实践运用、缺点 功能:超链接、建锚点等 实践运用: 超链接:<a href="超链接地址"></a> 建锚点: ①:创建锚点 例:<a href="" name="名字">可添加文字</a> ②:指向锚点 例:<a href="#对应的name名字">添加文字</a> 注:在html中“#”起到一个分隔的作用,在css中代表ID 缺点:需要刷新页面 3.学习标签<img>的功能及实践运用 功能:插入图片 实践运用 例:<img src="图片的地址信息" alt="图片显示不了时写名称"> 拓展:"src"与“url”都表达的是地址信息 4.无序标签<ul></ul>的实践运用 无序标签需要与li元素在一起使用 例:<ul> <li> 内容 </li> </ul> 5.有序标签<ol></ol>的实践运用 有序标签与无序标签有相同之处都需要与li元素一起使用 例:<ol> <li> 内容 </li> </ol> 6.自定义列表标签<dl></dl>的实践运用 例:<dl> <dt> <dd> </dd> </dt> </dl> 注:dd元素代表表项内容 dt元素代表名称 但dd元素与dt元素是平级关系 7.内联框架的实践运用 方法: ①:框架命名 ②:a标签 例:<iframe src="内容地址" frameborder="0或者1" name"名字"></iframe> 注:“0”代表狭义上的假,“1”代表狭义上的真 <a href="内容地址" target="与name定义名字一样">内容</a> 8.html表格实践运用 表格标签: table(表)row(行) td(表格的单元格):deta数据 th(表头) caption(标题)tr(定义若干行) cellpadding(内边距) cellspacing(外边距) 三个语义化标签 <thead> <tbody> <tfoot> 三个注意: “align”只针对于表格 cellpadding 只针对于表格 cellspacing 只针对于表格 实例:(演示一部分) <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>
标签:
原文地址:http://www.cnblogs.com/qinhaifeng/p/5840470.html