html 基础总结

  1. html常用标签
    1. <h1>......<h6>标题标签
    2. 段落标签<p>我是一个段落标签</p>
    3. 换行标签<br/>   单标签
  2. 文本格式化标签
  3. 加粗标签<strong>加粗</strong>更加强烈些  加粗<b>加粗</b>
  4. 斜体<em>  </em>     <i> </i>
  5. 删除线<del></del>    <s> </s>
  6. 下划线<ins></ins>  <u></u>
  7. html常用标签 盒子
  8. <div> 大盒子 自己独占一个盒子
  9. <span> 小盒子

4.图像标签和路径

1.<img src=”图像” />   src必写(路径)

2.alt 替换文本

3.title 提示文本

4.width 像素  宽度

5.height 像素  高度

6.border 像素  边框粗细

 

  1. 路径  / :下一级  ../ :上一级路
  2. 超链接 <a  href=“跳转目标” target=“目标窗口的跳出方式”>输出的名字</a>

target默认是_self  当前窗口打开页面,

_blank 新窗口打开页面

 

Day02

表格标签

<table></table>定义表格的标签

<tr></tr>定义表格中间的行

<td></td>定义表格中的单元格 必须嵌套在<tr>标签中

<th></th>定义表头单元格:会加粗

 

 

表格属性:

  1. Align:对齐  leftcenterright
  2. Border:边框, 1/“”   默认为空
  3. Cellpadding:单元格与里面的文字的距离
  4. cell spacing:边框与边框之间的空隙
  5. Width:宽度
  6. <thead> </thead>头部部分
  7. <tbody> </tbody>身体部分

 

表格标签

跨行合并:rowspan

跨列合并:colspan

 

列表标签

  1. 无序列表<ul>

<li>第一个</li>

<li>第二个</li>

<li>第三个</li>

</ ul>

 

 

 

  1. 有序列表

           <ol>

<li>第一个</li>

<li>第二个</li>

<li>第三个</li>

</ ol>

  1. 自定义列表

  <dl>

<dt>第一个</dt> :定义项目名称

<dd>第二个</dd>:项目描述

<dd>第三个</dd>

  </dl>

  1. 什么时候用无序与自定义列表

排列整齐,无序

 1.4 列表总结

 

| 标签名    |     定义     | 说明                                                   |

| --------- | :----------: | :----------------------------------------------------- |

| <ul></ul> | **无序标签** | 里面只能包含li    没有顺序,我们以后布局中最常用的列表 |

| <ol></ol> |   有序标签   | 里面只能包含li    有顺序, 使用情况较少                |

| <dl></dl> |  自定义列表  | 里面有2个兄弟, dt dd                               |

 

总结:目前用的最多的是无序列表和自定义列表,很少用到有序列表,许多开发者用的自定义列表是很多的。一般情况下无序列表和自定义列表是可以换着通用的。

html 基础总结

上一篇:CSS学习08-元素显示模式


下一篇:Viewer.js 是一款强大的图片查看器