欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

创建html和常用标签

程序员文章站 2022-04-08 19:38:11
...

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>