DAY2

Posted 2020-08-06

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>