码迷,mamicode.com
首页 > 其他好文 > 详细

DAY2

时间:2016-09-04 23:54:58      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:

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>

 

DAY2

标签:

原文地址:http://www.cnblogs.com/qinhaifeng/p/5840470.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!