- HTML
- HTML5概述
- 什么是HTML
- HTML(HyperText Markup Language,超文本标记语言)是用来描述网页的一种语言,它不是一种编程语言,而是一种标记语言(由大量标记/标签组成的语言)。
- 什么是HTML5
- HTML5是构建Web内容的一种语言描述方式,HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式,被认为是互联网的核心技术之一。
- HTML5是Web中核心语言HTML的规范,用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的,在浏览器中通过一些技术处理将其转换成为了可识别的信息
- HTML5是构建Web内容的一种语言描述方式,HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式,被认为是互联网的核心技术之一。
- 浏览器的版本
- (1)IE浏览器
- (2)FireFox浏览器
- (3)Google浏览器
- (4)Safari浏览器
- (5)Opera浏览器
- 开发工具
- Notepad++
- Visual Studio Code
- HBuilderX
- Dreamweaver
- Sublime Text
- Webstorm
- 什么是HTML
- HTML5语法
- 基本结构
-
- 语法规范
- HTML中不区分大小写,但是我们一般都使用小写
- HTML中的注释不能嵌套
- HTML标签必须结构完整,要么成对出现,要么自结束标签
- HTML标签可以嵌套,但是不能交叉嵌套
- HTML标签中的属性必须有值,且值必须加引号(双引号单引号都可以)
- 标签规范
- 单标签:
- <标签名 [属性名=属性值,...]>
- 成对标签:
- <标签名 [属性名=属性值,...]></标签名>
- 单标签:
- 基本结构
- HTML5标签
- 标题标签
-
- 段落标签
- <p>这是一个段落</p>
- 链接标签
- <a href="https://www.baidu.com">打开百度,你就知道!</a>
- 常见属性:
-
- 锚定
- <a name="top">回到顶部</a>
- <a href="#top">回到顶部</a>
- 图像标签
- <img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="百度LOGO">
- 表格标签
-
- 列表标签
- 无序列表:
-
- 有序列表:
-
- 自定义列表:
-
- 无序列表:
- 分组标签
- <div>具体内容</div>
- <span>具体内容</span>
- 语义标签
-
- 基本布局:
-
- 表单标签
-
- form、input、label演示
-
- textarea演示
-
- fieldset、legend、select、optgroup、option演示
-
- datalist演示
-
- 单选框演示
-
- 复选框演示
-
- form、input、label演示
-
- 框架标签
- <iframe src="https://www.baidu.com" frameborder="0" width="500px" height="500px"></iframe>
- 音频标签
-
- 视频标签
-
- 其它标签
-
- 头部标签
-
- 标题标签
- HTML5属性
- 属性概述
- HTML标签可以设置属性,属性总是以名称/值对的形式出现,比如:name=“value”,它的主要作用是控制或修饰标签。
- 通用属性
-
- 属性概述
- HTML5事件
- HTML事件可以触发浏览器中的行为,比方说当用户点击某个 HTML 元素时启动一段 JavaScript。
- 窗口事件
- 由窗口触发该事件 (同样适用于 <body> 标签):
-
- 由窗口触发该事件 (同样适用于 <body> 标签):
- 表单事件
- 表单事件在HTML表单中触发 (适用于所有 HTML 元素,但该HTML元素需在form表单内):
-
- 表单事件在HTML表单中触发 (适用于所有 HTML 元素,但该HTML元素需在form表单内):
- 键盘事件
- 通过键盘触发事件,类似用户的行为:
-
- 通过键盘触发事件,类似用户的行为:
- 鼠标事件
- 通过鼠标触发事件,类似用户的行为:
-
- 通过鼠标触发事件,类似用户的行为:
- 媒体事件
- 通过视频(videos),图像(images)或音频(audio) 触发该事件,多应用于HTML媒体元素比如:<embed>,<object>,<img>,<audio>和<video>。
-
- 通过视频(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章”这个目录,因此在浏 览网页时是不会显示图片的。
- 语句:
- 相对路径
- 绝对路径
- HTML5概述
HTML 简述
最新推荐文章于 2024-06-07 18:11:32 发布