HTML5基础

HTML5文档基本格式

在这里插入图片描述
1行(!doc…
用于向浏览器说明当前文档使用哪种HTML标准规范;
只有在开头处使用<!DOCTYPE>声明,浏览器才能将该网页作为有效的HTML文档,并按指定的文档类型进行解析。

2,10行(html…
也叫_根标记_
用于告知浏览器自身是一个HTML文档,标志着开始与结束

7,9行(body…
也叫_主体标记_
浏览器中显示的内容,标志着内容的开始与结束

HTML5语法

  1. 标签不分大小写
    在这里插入图片描述
  2. 允许属性值不用引号
    在这里插入图片描述
  3. 允许部分属性值的属性省略
    在这里插入图片描述
    checked="checked"省略后为checked
    同理还有:readonly, defer , ismap, nohref, noshade, nowrap, selected, disbled, multiple, noresize

HTML标记

所谓标记就是放在“< >”标记符中表示某个功能的编码命令,也称HTML标签或者HTML元素,本文档统一称作HTML标记

  1. 单标记和双标记
    双标记:<标记名>内容</标记名>
    单标记:<标记名 />

  2. 标记的属性
    标记可以拥有多个属性,必须写在开始标签中,位于标签名后,属性之间不分先后顺序,标记名与属性 属性与属性之间均以空格分开。任何标签都有默认值,省略该属性则取默认值。
    <标记名 属性1=“属性值1” 属性2=“属性值2” 属性3=“属性值3”>内容</标记名>

  3. 标签的嵌套
    在这里插入图片描述
    br 换行标记

HTML5文档头部相关标记

在这里插入图片描述

  1. 设置页面标题标记 title (不要忘了<>标记符号)双标记

  2. 定义页面元信息标记 meta (单标记 可重复出现

    meta标记中使用name/content属性可以为搜索引擎提供信息,其中name属性提供搜索内容名称,content属性提供对应的搜索内容值。

    meta标记中使用http-equiv/content属性可以设置服务器发送给浏览器的HTTP头部信息,为浏览器显示该网页提供的相关参数,默认会发送http-equiv=“Content-Type” content=“text/html”

    meta标记中http-eqniv属性的值为refresh,content属性的值为数值和url地址,中间用;隔开,默认以秒为单位。

  3. 引用外部文件标记 link (一个页面允许使用多个link标记引用多个外部文件
    href:指定引用外部文档的地址
    ref:指定当前文档与引用外部文档的关系

  4. 内嵌样式标记 style
    style标记用于为HTML文档定义样式信息,位于head头部标记中
    语法格式为:《style 属性=“属性值”》样式内容《/style》

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值