html标签——Html学习笔记1

文档类型声明，告诉浏览器如何渲染页面；若不加，渲染会用怪异模式渲染

lang属性告诉浏览器当前使用文字

引擎优化
搜索引擎搜索时候展示的描述

h1~h6 标题

p标签

• 段落

a标签

• 搜一下 链接，链到一个地址
• #表示锚点
• 跳到当前网站的该路径URL

img

• alt属性表示图片打不开时候显示的内容
• 自闭合标签，后面不需要加/

• 用于给页面划分区块

ul li

• ul：无序列表
• 可以嵌套

    
首页
    
关于
    

        

            
联系
            
更多
        
    

ol li

• 有序列表

  
放学
  
吃饭
  
睡觉

dl dt dd

• 自定义列表
• 用于展示一系列“标题：内容...”的场景

  
姓名：
  
小白
  
性别：
  
女
  
爱好：
  
王者荣耀
  
吃火锅

button

strong em

• em 强调
• 尽管现在 标签修饰的内容都是用斜体字来显示，但这些内容也具有更广泛的含义，将来的某一天，浏览器也可能会使用其他的特殊效果来显示强调的文本。如果你只想使用斜体字来显示文本的话，请使用 标签。除此之外，文档中还可以包括用来改变文本显示的级联样式定义。
• strong 强调性更强

 
汤包胖了
 
汤包又胖了

iframe

• 用于嵌入一个页面
• 注意跨域操作问题

一个神奇的效果

百度一下

点击链接后：

table

• 用于展示表格
• thead tbody tfoot可省略
• 浏览器会自动添加border-collapse: collapse 用于合并边框