HTML|1小时学会HTML5基础前端|html

点击下载课件
初始HTML

HTML（Hyper Text Markup Language）超文本标记语言

超文本包括：文字、图片、音频、视频、动画等

W3C（World Wide Web Consortium）万维网联盟

W3C标准包括：结构化标准语言
表现标准语言
行为标准
HTML基本结构由网页头部和主体部分组成，、等成对的标签，分别叫开放标签和闭合标签；单独呈现的标签（空元素），如意为用 / 来关闭空元素；

Title - 锐客网

网页的基本信息

DOCTYPE声明

告诉浏览器，我们要使用什么规范；

</code>标签</li> 
<li><code><meta></code>标签</li> 
</ul> 
<blockquote><code>
<!DOCTYPE html><meta charset="UTF-8">
<meta name="keywords" content="小小丁学HTML">
<meta name="description" content="一起来学习HTML"><title>我的第一个网页 - 锐客网
Hello World!

文章图片

网页的基本标签标题标签

一级标签二级标签三级标签四级标签五级标签六级标签

文章图片

段落标签

所以你是别人坚定的选择还是别人凑活的结果

【HTML|1小时学会HTML5基础】

文章图片

换行标签

换行标签是单标签
换行标签比段落标签的间隔要小的多，更加的紧凑

站在属于自己的高度看自己该看的风景理解一切什么都不是理所当然

文章图片

水平线标签

文章图片

字体样式标签

字体样式标签粗体：>i love you 斜体：i love you

文章图片

注释和特殊符号

使用这个来注释（快捷键是 Ctrl + /）

空格空格 > < ©

文章图片

图像、超链接、网页布局图像

 

文章图片

图像标签 - 锐客网文章图片

文章图片

链接标签

链接标签 - 锐客网顶部我的第一个网页基本标签图像标签文章图片文章图片文章图片文章图片文章图片回到顶部底部点击联系我文章图片

网页布局行内元素和块元素

块元素

无论内容多少，该元素独占一行
（p、h1-h6 …）

行内元素

内容撑开宽度，左右都是行内元素的在排在一行
（a、strong、em …）
列表、表格、媒体元素列表概念：列表就是信息资源的一种展现形式，它可以使信息结构化和条理化，并以列表的形式显示出来，以便浏览者更加快捷的找到需要的信息

列表的分类：

无序列表
有序列表
定义列表

列表 - 锐客网 Java Python Html C/C++ Java Python Html C/C++ PHP 学科 Java Python C/C++ Html PHP 位置甘肃沈阳兰州

文章图片

表格

表格 - 锐客网成绩统计统计姓名语文数学英语张三 100 100 100 李四 99 99 99

文章图片

视频和音频

视频元素
video
音频元素
audio

媒体元素 - 锐客网

文章图片

页面结构分析

页面结构分析	描述
header	标题头部区域的内容（用于页面或页面中的一块区域）
footer	标记脚部区域的内容（用于整个页面或页面的一块区域）
section	Web页面中的一块独立区域
article	独立的文章内容
aside	相关内容或应用（常用于侧边栏）
nav	导航类辅助内容