12345678910111213141516171819202122232425262728293031323334353637383940414243 |
- <!-- 声明文档类型 表示当前使用的是哪个版本的html -->
- <!DOCTYPE html>
- <!-- 根元素 lang-属性 en-属性值-->
- <html lang="en">
- <!-- 头部标签 标签内部写一些页面的配置信息 -->
- <head>
- <!-- 页面的编码格式 -->
- <meta charset="UTF-8">
- <!-- 文档兼容模式的定义 edge 告诉IE以最高级模式渲染文档 也就是任何IE版本都已当前版本所支持的最高级标准模式渲染-->
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <!-- 响应式设计 -->
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <!-- 搜索引擎使用的 网站的关键字 根据关键字来搜索到我们当前的网页 -->
- <meta name="keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东">
- <!-- 搜索引擎使用的 网页的介绍信息-->
- <meta name="description" content="京东JD.COM-专业的综合网上购物商城,为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家,囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类,满足各种购物需求。">
- <title>你好</title>
- </head>
- <body>
- hello world
- <!-- h标签 -->
- <h1>标题一</h1>
- <h2>标题二</h2>
- <h3>标题三</h3>
- <h4>标题四</h4>
- <h5>标题五</h5>
- <h6>标题六</h6>
- <!-- 段落 p标签 -->
- <!-- br标签 换行-->
- <!-- strong 加粗 -->
- <!-- i标签 斜体 -->
- <p>qq</p>
- <p><strong>文档</strong></br>兼容模式的定义 edge 告诉IE以最高级模式渲染文档 也就是任何IE版本都已当前版本所支持的最高级标准模式渲染文档兼容模式的定义 edge 告诉IE以最高级模式渲染文档 也就是任何IE版本都已当前版本所支持的最高级标准模式渲染文档兼容模式的定义 edge 告诉IE以最高级模式渲染文档 也就是任何IE版本都已当前版本所支持的最高级标准模式渲染</p>
- <p><i>文档兼容模式的定义</i> edge 告诉IE以最高级模式渲染文档 也就是任何IE版本都已当前版本所支持的最高级标准模式渲染文档兼容模式的定义 edge 告诉IE以最高级模式渲染文档 也就是任何IE版本都已当前版本所支持的最高级标准模式渲染文档兼容模式的定义 edge 告诉IE以最高级模式渲染文档 也就是任何IE版本都已当前版本所支持的最高级标准模式渲染文档兼容模式的定义 edge 告诉IE以最高级模式渲染文档 也就是任何IE版本都已当前版本所支持的最高级标准模式渲染文档兼容模式的定义 edge 告诉IE以最高级模式渲染文档 也就是任何IE版本都已当前版本所支持的最高级标准模式渲染文档兼容模式的定义 edge 告诉IE以最高级模式渲染文档 也就是任何IE版本都已当前版本所支持的最高级标准模式渲染文档兼容模式的定义 edge 告诉IE以最高级模式渲染文档 也就是任何IE版本都已当前版本所支持的最高级标准模式渲染文档兼容模式的定义 edge 告诉IE以最高级模式渲染文档 也就是任何IE版本都已当前版本所支持的最高级标准模式渲染文档兼容模式的定义 edge 告诉IE以最高级模式渲染文档 也就是任何IE版本都已当前版本所支持的最高级标准模式渲染文档兼容模式的定义 edge 告诉IE以最高级模式渲染文档 也就是任何IE版本都已当前版本所支持的最高级标准模式渲染文档兼容模式的定义 edge 告诉IE以最高级模式渲染文档 也就是任何IE版本都已当前版本所支持的最高级标准模式渲染文档兼容模式的定义 edge 告诉IE以最高级模式渲染文档 也就是任何IE版本都已当前版本所支持的最高级标准模式渲染文档兼容模式的定义 edge 告诉IE以最高级模式渲染文档 也就是任何IE版本都已当前版本所支持的最高级标准模式渲染文档兼容模式的定义 edge 告诉IE以最高级模式渲染文档 也就是任何IE版本都已当前版本所支持的最高级标准模式渲染</p>
- <!-- 图片标签 图片格式 png jpg jpeg gif-->
- <!-- src 图片地址 alt 当图片加载失败 不能加载出来时候 给用户展示的信息-->
- <!-- 相对地址 -->
- <img src="./2.png" alt="蜡笔小新">
- <img src="../image/2.jpg" alt="">
- <!-- 绝对地址 -->
- <img src="https://img10.360buyimg.com/img/jfs/t1/160510/16/25709/36032/616cea7eEd14780cc/43b0d9ed8c9e9ab0.png" alt="">
- </body>
- </html>
|