1、创建index.html
<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=Edge">

<title>标题</title>

<meta name="Keywords" content="关键词1,关键词2,关键词3" />

<meta name="Description" content="网页描述内容" />

<link rel="shortcut icon" href="favicon.ico" />

<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div>
<ul>
<li>商品标题1</li>
<li>商品标题2</li>
<li>商品标题3</li>
</ul>
</div>
</body>
</html>
2、排版布局

<div><ul><li></li></ul></div>

<dl><dt></dt><dd></dd><dd></dd></dl>

<p></p>

<header></header>

<nav></nav>

<aside></aside>

<section></section>

<footer></footer>
3、图片
<img src="images/banner.jpg">
4、视频

<video controls="controls" src="/video/bai.mp4" id="video" webkit-playsinline="playsinline" webkit-autoplay="autoplay" webkit-loop="loop" preload="auto" x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-playsinline="playsinline" playsinline="playsinline" style="width:100%;height:356px;" class="video_toumingdu"></video>

更多相关文章

  1. 大前端1109笔记
  2. 20211109-788331作业
  3. 20211109作业
  4. 基于word2vec和Elasticsearch实现个性化搜索
  5. 用户表、商品表、订单表
  6. 10月18日作业-MYSQL新增表及导出
  7. 仿作京东网页
  8. 【前端】手机端页面购物车功能JS如何实现产品数量,商品价格去相加
  9. 给购物车加上选择时自动计算功能

随机推荐

  1. C虾仔笔记 - EditText编辑框
  2. android 5.0系统 EditText控件
  3. 安卓android LinearLayout添加边框
  4. Android(安卓)process
  5. android-浅谈
  6. android JNI (二) 第一个 android工程
  7. Android中背景选择器
  8. JavaScript与Android之间的交互
  9. Android(安卓)开发网址收藏
  10. Android的View动画