day2-李大人part1

1·插件：

• open in browser（浏览器的打开样式）
• andromeda（代码主题风格）
• vscode-icons（文件夹的图标样式）
• js-html-css format（用来格式化代码书写标准的）

2·快捷键

• Alt+B（快速预览）
• Ctrl+/(注释与取消注释)
• shift+！（自动生成基本结构 [英文状态下]）
• ctrl++（调节字体的大小）

3·自动纠正代码的换行

文件—>首选项—>设置—>搜索wrap—>控制折行的方式改为on即可

4· XHTML和HTML的区别

• XHTML的单标签必须以 / 结尾
• XHTML的属性值必须是双引号引起
• XHTML的标签名必须都是小写

5·文章类的标签

• 标题标签 h1~h6

  • 搜索引擎检索的时候，首先检索title>h1标签

• 段落标签 p

• 特殊标签

  • 加粗b,strong(有强调的语气)
  • 斜体i,em(有强调的语气）
  • 删除线del
  • 下划线u
  • 强制换行：br
  • 水平线：hr

• 特殊字符

  • 空格 &nbsp；
  • 左尖括号 &lt；右尖括号&gt；
  • 版权声明 &copy；
  • 注册商标 &reg；

6·超链接a

• href：对应的超连接地址

• target：打开窗口的方式

  -self：当前窗口

  -blank：新开窗口

  -top：内联框架中打开的窗口[搜索引擎不会搜索内联框架里的内容]

   <iframe src="3-文章类的标签.html" frameborder="2" name="豆瓣网"> </iframe>
      <!--内联框架中打开（设置一个内联框架的name属性，并在内联框架中打开， 
      因为连接的 target 属性 匹配了 ifrme 的 name 属性，所以链接点击后将显示在 ifram 中。） -->
      <a href="https://www.douban.com" target="豆瓣网">豆瓣网</a>
  

7·图片标签img

• src —>相对路径

  …/(表示出一个文件夹-返回上一层目录)

  /(表示进入一个文佳佳)

  —>绝对路径

• alt：图片未加载出来时的相关描述[搜索引擎是通过alt属性来识别不同的图片

• title：鼠标滑到图标是显示的文字（适用于所有的标签）title=“这是提示文字”

• width：图片的宽度

  height：图片的高度

  高度和宽度可以只设置一个，另外一个会按照比例同时放大缩小

  在内联样式中，其单位可以省略
  

• 格式：

  -jpg：颜色多，可压缩，不透明

  -png：颜色多，复杂透明

  -gif：颜色少，简单透明

8·标签meta

• 用来指定编码格式

  <meta charst="utf-8">
  

• 用来设置网页的关键字：content=“单独的字”

  <meta name="keywords" content="html">
  

• 用来指定网页的描述：content=“一句话”

  <meta name="description" content=" html words">
  

• 用来做请求页面的重定向：content=“秒数”

<meta  http-equiv="refresh" content="5" url="目标路径">
<h1>5秒以后跳转该页面</h1>

• 搜索引擎检索页面的时候，会同时检索关键字和网页描述，但是不会影响排名