Hyper Text Markup Language （超文本标记语言）
为什么学习HTML
市场需求
跨平台
微软
苹果
Opera
Mozilla
W3c 百度了解。用有道
html的基本结构
<html></html> 这个叫网页头部 <body> 开放标签 这个叫主体部分 </body>闭合标签 <hr/> 自闭和标签 网页基本信息html 的自带的几个标签的基本信息
<!--DOCTYPE:告诉浏览器，我们要使用什么规范 html： 使用的规范 去掉这一行也行<!DOCTYPE html> ，因为默认时html，这行只是告诉我们用什么规范 --> <!DOCTYPE html> <!--html总标签--> <html lang="en"> <!--head网页头部--> <head> <!--meta描述标签，它用来描述我们网站的一些信息--> <!--meta 一般用来做SEO--> <!--属性 name:标题 content：信息 description：描述 --> <meta charset="UTF-8"> <meta content="尹帮炽学java"> <meta content="尹帮炽，静态动态"> <!--网页标题--> <title>第一个html</title> </head> <!--body网页主体--> <body> Hoold hoda </body> </html>html 中的几个简单标签
<!--标题标签--> <h1></h1> <h2></h3> <!--段落标签--> <p> 这个行之间的间隔比较大 </p> <!--换行标签 行之间的间隔紧密--> <br/> <!--字体样式标签--> <strong>粗体</strong> <em>斜体</em> <!--符号--> 空格 >大于号 < 小于号 ©版权符号 <!----> <!----> <!----> <!----> <!---->图标标签
<!-- src： 路径 两个路径 绝对路径：E:\IdeaMaven\HTML\resoucess\images\1.png 1. 创建个资源目录：resoucess，图片目录images 相对路径： ../resoucess/images/1.png 建议使用相对路径 alt：图片路径错误或图片不存在等，返回数据 title：鼠标停留在图片上时出现字段。 --> <img src="" alt="图片不存在" title="悬停字段">链接标签
<!-- href： 路径 target: 表示窗口在那里打开 _blank： 打开一个新窗口 _self:本地刷新 --> <a href="http://www.likecs.com/1.我的第一个html.html" target="_blank">字段链接</a> <a href="http://www.likecs.com/1.我的第一个html.html" target="_self">字段链接</a> <!--使用·图片链接--> <a href="http://www.likecs.com/1.我的第一个html.html" target="_self"> <img src="" alt="图片不存在" title="悬停字段"> </a> <!--锚链接 可以跳页面--> <a></a> <a href="#name"></a> <!--邮件链接 mailto: 邮件地址 --> <a href="http://www.likecs.com/mailto:xxxx@qq.com">点击联系我</a> <!--QQ链接 百度搜素qq推广，登录 推广 -->列表
<ol> <li>有序</li> </ol> <ul> <li>无序</li> </ul> <!--自定义列表 dl：标签 dt：列表名称 dd:列表内容 --> <dl> <dt></dt> <dd></dd> <dd></dd> </dl>表格
<!--table tr: 行 td： 列 属性： colspan="4" 跨列:站四个格子 rowspan="2" 跨行 --> 音频视频音频视频
视频元素
video
音频元素
audio
<!-- src： 资源路径 controls：控制条 autoplay:自动播放 --> <video src="" controls ></video> <!--同理 属性基本一样--> <audio src="" controls></audio> 页面结构分析页面结构结构分析
元素名 描述header 标题头部区域的内容（用于页面或页面中的一块区域）
footer 标记脚部区域的内容（用于整个页面或页面的一块区域）
section Web页面中的一块独立区域
article 独立的文章内容
aside 相关内容或应用（常用于侧边栏）
nav 导航类助内容
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>页面结构分析</title> </head> <body> <header> <h2>网页头部</h2> </header> <section> <h2>网页主体</h2> </section> <footer> <h2>网页脚部</h2> </footer> </body> </html> iframe 内联框架
哔哩哔哩有自动生成的