首页 > 代码库 > day09

day09

1.在webstorm中学习键盘输入“元素+TAB键=标签”2.学习<a></a>标签的功能及实践运用、缺点功能:超链接、建锚点等实践运用: 超链接:<a href="http://www.mamicode.com/超链接地址"></a>建锚点:①:创建锚点例:<a href="" name="名字">可添加文字</a>②:指向锚点例:<a href="http://www.mamicode.com/#对应的name名字">添加文字</a>注:在html中“#”起到一个分隔的作用,在css中代表ID缺点:需要刷新页面3.学习标签<img>的功能及实践运用功能:插入图片实践运用例:<img src="http://www.mamicode.com/图片的地址信息" 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="http://www.mamicode.com/内容地址" frameborder="0或者1" name"名字"></iframe> 注:“0”代表狭义上的假,“1”代表狭义上的真    <a href="http://www.mamicode.com/内容地址" 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>

  

day09