TypechoJoeTheme

Mr.Jiang || 小龙的个人博客

重学前端第二天 知识点记录

1、图片
图片在网页上的呈现顺序是从左到右,且以底部对齐的,当这一行的空间不足以摆放剩下的图片时候,图片就会折行显示

<!-- img标签title和alt释义 -->

<img src="" title="鼠标划上去的提示" alt="图片加载失败后显示的文字">

<!-- 完整地址叫绝对路径 -->

<img src="http://1000phone.com/html5/logo.png">

<!-- 相对路径 -->

<a href="pages/articles/xiaoshuo.html"></a>

2、超链接

  1. 未使用target="_blank" 只在当前页面打开
    示例:<a href="https://www.baidu.com">百度一下,你就知道</a>
  2. 使用target="_blank"
    示例:<a target="_blank" href="https://www.baidu.com">百度一下,你就知道</a>

3、无序列表

  1. 实心圆 <!-- <ul type="disc"> 实心圆 -->
  2. 空心圆 <!-- <ul type="circle"> 空心圆 -->
  3. 实心方块 <!-- <ul type="square"> 实心方块 -->

4、有序列表

  1. 数字排序 <!-- <ol type="1"><li>北冥有鱼</li></ol> 数字排序 -->
  2. 字母排序 <!-- <ol type="a"><li>北冥有鱼</li></ol> 字母排序 -->
  3. 罗马字母排序 <!-- <ol type="i"><li>北冥有鱼</li></ol> 罗马字母排序 -->

5、文字标签

  1. 给文字增加删除线

    <del>给文字增加删除线</del>
    
  2. 把文字变上标

    把文字变<sup>上标</sup>
    
  3. <u>给文字加下划线</u>

    <u>给文字加下划线</u>
  4. <center>文字居中</center>

    <center>文字居中</center>
  5. 超链接不能嵌套超链接,
    5.1 P标签不能嵌套P标签标题标签,H1...H6也不能相互嵌套

6、文件路径

  1. <!-- ../ 返回上级目录 -->

     ../ 返回上级目录
    
  2. <!-- ../../返回上上级目录 -->

    ../../返回上上级目录
    

7、表格

  1. <table>...</table> <!-- 表格标签 -->
  2. <tr>...</tr> <!-- 表示一行 -->
  3. <td>...</td> <!-- 表示一列 -->
  4. <col> <!-- 代表一列 -->
  5. border="1px" <!-- 表格边框属性 --
  6. cellspacing="0" <!-- 单元格空隙 -->
  7. align="center" <!-- 对齐方式 -->

知识点:

  1. 格中的行用tr 列用td表示
  2. colspan="3" 列合并,rowspan="4" 行合并,th 表头加粗标签 th = 加粗并水平居中的td.
  3. <col width="100px">j简化方法

    <colgroup span="6" width="100px"></colgroup> 表示前六列为一组,宽度设置为100px
    <colgroup span="1" width="200px"></colgroup> 表示最后一列单独为一组,宽度为200px
  4. w3c表格标准写法。
<table>
    <thead>表格的页眉</thead>
    <tbody>表格的主体</tbody>
    <tfooter>表格的页脚</tfooter>
</table>
赞 · 1
评论 (0)