html笔记

html笔记01

1.常用标签

1.1 标题标签

• 在html中一共有6级标签，h1 最重要

1.2 段落标签

• 段落标签用于表示内容中的一个自然的段在html中字符间写再多空格也当作一个空格

1.3 特殊字符

• 在 html 中 一些如< > 这种特殊的字符不能直接使用

      实体的语法：
       < &lt;
       > &gt;
       空格 &nbsp; 
       版权符号 &copy;
  

1.4 图片标签
使用img 标签来向网页中引入一个外部图片，img标签也是一个自结束标签

（1）属性：

• src：设置一个外部图片的路径
• alt: 可以用来设置在图片不能显示时，对图片的描述;
  搜索引擎可以通过alt属性来识别不同的图片
  如果不写alt属性，则搜索引擎不会对img中的图片进行收录
• width:可以用来修改图片的宽度;
• height：可以修改图片的高度;
  宽度和高度只设置一个时，另一个也会等比例调整一般开发中除了自适应的页面，不建议设置width和height

1.5 图片的格式

• jpeg（jpg）
  - jpeg图片支持的颜色比较多，图片可以压缩，但不支持透明
  - 一般用jpeg来保存照片等颜色丰富的图片

• gif
  - gif支持的颜色少，只支持简单的透明，支持动态图
  - 图片颜色单一或者动态图时可以使用gif

• png
  - png支持的颜色多，并且支持复杂的透明
  - 可以用来显示颜色复杂透明的图片

• 图片的使用原则：
  - 效果不一致，使用效果好的
  - 效果一致没使用小的

  1.6 meta 标签
  （1）使用meta 标签还可以用来设置网页的关键字
  （2）还可以用来指定网页的描述;
  搜索引擎在检索页面时，会同时检索页面中的关键词和描述，但是这两个值不会影响页面在搜索引擎中的排名
  （3）使用meta可以进行请求的重定向
  

  <meta http-equiv=“refresh” content=“描述;url=目标路径” >

1.7 xhtml 规范
（1）html中不区分大小写，但是一般都使用小写
（2）html中的注释不能嵌套
（3）html 标签必须结构完整，要么成对出现，要么是自结束标签
（4）浏览器尽最大努力正确的解析页面，你所有不符合语法规范的内容，浏览器都会为你自动修正，但有些情况会修正错误
（5）html 标签可以嵌套，但不可以交叉嵌套
（6）html标签中的属性必须有值，且值必须有引号（双引号单引号都可以）

1.8 内联框架

• 使用内联框架可以引入一个外部的页面
  使用iframe来创建以创建内联框架

  • 属性：
    • src:指向一个外部页面的路径，可以使用相对路径
    • width：
    • height:
    • name:可以为内联框架指定一个name属性
      在显示开发中不推荐使用内联框架，因为内联框架中的内容不会被搜索引擎所检索

1.9 超链接
(1)跳转到id为bottom元素所在的位置
 <a href="#bottom">去底部</a>
(2)创建超链接时，如果地址不确定，可以直接写一个#作为占位符。如果将链接地址设置为#，则点击超链接以后，会自动跳转到当前的页面顶部
(3)发送电子邮件的超链接，点击链接以后可以自动打开计算机中默认的邮件客户端

herf=“mailto:邮件地址”
当点击这个超链接时，会默认打开计算机的默认电子邮件客户端，并将邮件收件人设置为mailto的值

2020.1.16