HTML 简述

  • HTML
    • HTML5概述
      • 什么是HTML
        • HTML(HyperText Markup Language,超文本标记语言)是用来描述网页的一种语言,它不是一种编程语言,而是一种标记语言(由大量标记/标签组成的语言)。
      • 什么是HTML5
        • HTML5是构建Web内容的一种语言描述方式,HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式,被认为是互联网的核心技术之一。
          • HTML5是Web中核心语言HTML的规范,用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的,在浏览器中通过一些技术处理将其转换成为了可识别的信息
      • 浏览器的版本
        • (1)IE浏览器
        • (2)FireFox浏览器
        • (3)Google浏览器
        • (4)Safari浏览器
        • (5)Opera浏览器
      • 开发工具
        • Notepad++
        • Visual Studio Code
        • HBuilderX
        • Dreamweaver
        • Sublime Text
        • Webstorm
    • HTML5语法
      • 基本结构
      • 语法规范
        • HTML中不区分大小写,但是我们一般都使用小写
        • HTML中的注释不能嵌套
        • HTML标签必须结构完整,要么成对出现,要么自结束标签
        • HTML标签可以嵌套,但是不能交叉嵌套
        • HTML标签中的属性必须有值,且值必须加引号(双引号单引号都可以)
      • 标签规范
        • 单标签:
          • <标签名 [属性名=属性值,...]>
        • 成对标签:
          • <标签名 [属性名=属性值,...]></标签名>
    • HTML5标签
      • 标题标签
      • 段落标签
        • <p>这是一个段落</p>
      • 链接标签
        • 常见属性:
        • 锚定
          • <a name="top">回到顶部</a>
          • <a href="#top">回到顶部</a>
      • 表格标签
      • 列表标签
        • 无序列表:
        • 有序列表:
        • 自定义列表:
      • 分组标签
        • <div>具体内容</div>
        • <span>具体内容</span>
      • 语义标签
      • 基本布局:
      • 表单标签
        •  
          • form、input、label演示
          • textarea演示
          • fieldset、legend、select、optgroup、option演示
          • datalist演示
          • 单选框演示
          • 复选框演示
      • 音频标签
      • 视频标签
      • 其它标签
      • 头部标签
    • HTML5属性
      • 属性概述
        • HTML标签可以设置属性,属性总是以名称/值对的形式出现,比如:name=“value”,它的主要作用是控制或修饰标签。
      • 通用属性
    • HTML5事件
      • HTML事件可以触发浏览器中的行为,比方说当用户点击某个 HTML 元素时启动一段 JavaScript。
      • 窗口事件
        • 由窗口触发该事件 (同样适用于 <body> 标签):
      • 表单事件
        • 表单事件在HTML表单中触发 (适用于所有 HTML 元素,但该HTML元素需在form表单内):
      • 键盘事件
        • 通过键盘触发事件,类似用户的行为:
      • 鼠标事件
        • 通过鼠标触发事件,类似用户的行为:
      • 媒体事件
        • 通过视频(videos),图像(images)或音频(audio) 触发该事件,多应用于HTML媒体元素比如:<embed>,<object>,<img>,<audio>和<video>。
      • 其它事件
      • 相对路径与绝对路径
        • 绝对路径
          • 语句:
            • <body backround="E:\book\网页布局\代码\第2章\bg.jpg" >
          • 绝对路径的缺点
            • 事实上,在网页编程时,很少会使用绝对路径,如果使用“E:\book\网页布\代码\第2章\bg.jpg”来指定背景图片的位置,在自己的计算机上 浏览可能会一切正常,但是上传到Web服务器上浏览就很有可能不会显示图片了。因为上传到Web服务器上时,可能整个网站并没有放在Web服务器的E盘, 有可能是D盘或H盘。即使放在Web服务器的E盘里,Web服务器的E盘里也不一定会存在“E:\book\网页布局\代码\第2章”这个目录,因此在浏 览网页时是不会显示图片的。
        • 相对路径
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值