第一周第三天笔记

第三天笔记

1.markdown和html

• 标题:#；html中h1-h6;
• 列表：无序列表和有序列表
  • 无序列表：markdown-或*; html:ul li;
  • 有序列表：markdown1. 2.;html:ol li;
• 图片和文字链接
  • 图片：markdown:![ ]();
    html:;
  • 文字链接：markdowm [文字](绝对路径);
    html:文本;
• 粗体与斜体
  • 粗体：markdown:**内容**; css:font-weight:bold; bold约等于700；即font-weight:400;可调节数值进行加粗调节；
  • 斜体：markdown:*斜体内容*;html:语义化的标签对,;
• 引用：>;特殊符号:>
• 一行代码和代码块
  • 一行代码：两个`;
  • 代码块：两个```;
• 表格
  • markdown：
    |name |age | sex |
    |:------:|:--------|---------:|
    | 小明 |16 | 男 |
  • html：

   

       

       

           
...
           
...
           
...
       
       
       

       

           
...
           
...
           
...
       
       

           
...
           
...
           
...
       
       
   

• 每个标签中都有其属性，属性是标签的特征，而css是其样式，不是其本身特征；
• 下划线：
  • markdown中的下划线***;
  • html:标签;
  • css:text-decoration:underline;

2.html补充

• 特殊符号：（在百度中搜索html特殊符号对照表查询）
  • 小于：<;
  • 大于：>;
  • 版权符号：©;
  • 人民币￥: ¥;
  • 空格符号： ;
• HTML废弃的标签
  • 加粗；
  • 下划线;
  • 倾斜；
  • 斜体强调；
  • 粗体强调；
  • 删除线；

  • ---

    水平线；
  • 
换行符号；
    注：HTML只是结构不带任何样式，而上述标签带有css样式，所以被废除。

3.HTML骨架

• meta
  • 设置字符集:;
  • 设置页面描述:
  • 定义关键词:;
  • 添加页面图标：;
    注：查找京东网站页面的图标，在网址后添加/favicon.ico查找图标图片，添加到href中（绝对路径/相对路径）；