<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我的第一个网页</title>
<!--链接外部资源-->
<!--链接样式表-->
<link rel="stylesheet" type="text/css" href="">
<!--链接网页图标-->
<link rel="icon" type="image/x-icon" href="http://www.w3school.com.cn
/i/eg_smile.gif">
<!--提供搜索关键字和内容描述信息-->
<meta name="keywords" content="淘宝，爱淘宝，在线交易，交易市场">
<meta name="description" content="淘宝网-亚洲最大，最安全的网上交易平台，提供各类服饰、美容、家具、数码">
</head>
<body>
<!--块级标签、标题-->
<h1>今天是九月二十八</h1>
<h2>今天是九月二十八</h2>
<h3>今天是九月二十八</h3>
<h4>今天是九月二十八</h4>
<h5>今天是九月二十八</h5>
<h6>今天是九月二十八</h6>
<!--块级标签、水平线-->
<hr/>
<!--块级标签、段落 空格-->
<p>网易娱乐专稿9月27日 报道（文/小易）8月14日凌晨</p>
<p>王宝强发长文称妻子马蓉出轨经纪人宋喆，宣布离婚。</p>
<p>此事引发热议，但女主角马蓉始终未曾正面回应。9月26日，</p>
<p>
疑似马蓉的微博账号“天涯霹雳兔”在你一切都蒸蒸日上的的时候让我感觉到幸福。一切也许是巧合，在我最需要被包裹的时候，他出现在我的身边。你在很忙的日子。”
</p>
<!--有序列表-->
<h3>注册步骤</h3>
<ol>
<li>填写信息</li>
<li>接收电子邮件</li>
<li>注册成功</li>
</ol>
<!--无序列表-->
<h3>新人上路指南</h3>
<ul>
<li>如何激活会员名</li>
<li>如何注册会名</li>
<li>注册密码有什么要求</li>
<li>贵美认证</li>
</ul>
<!--定义列表-->
<dl>
<dt>咖啡</dt>
<dd>一种黑色的热饮料，原谅据说是咖啡豆，非洲盛产这类原料</dd>
<dd>可以提神，刺激神经</dd>
</dl>
<!--用定义描述标签实现图文混编的效果-->
<dl>
<dt><img src="../img/a7.jpg" height="50" width="100"/></dt>
<dd>商品名称：灿坤蒸汽电熨斗</dd>
<dd>商品价格：388元</dd>
<dd>商品简介：金刚低血超硬超顺滑，140ml透明大水箱设计</dd>
</dl>
<!--范围标签<span>显示某行内的独特样式-->
<div style="background-color: aqua;width: 200px;height: 200px">
<p>
床前明月光，疑是地上霜；举头望明月，低头<span style="color: darkgoldenrod;font-size: 50px">思故乡</span>
</p>
</div>
<!--播放音乐mp3 autoplay自动播放-->
<audio src="../music/a.mp3" dir="auto" autoplay controls="controls"/>
<!--老式的浏览器使用-->
<audio controls>
<source src="../music/a.mp3">
<source src="../music/a.mp3">
<embed src="../music/a.mp3">
</audio>
<!--视频播放-->
<video width="320" height="240" controls>
<source src="../video/b.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
<source src="movie.webm" type="video/webm">
<object data="movie.mp4" width="320" height="240">
<embed src="movie.swf" width="320" height="240">
</object>
</video>
<!-- ../上一级目录， alt图片不显示、显示的内容 br标签换行-->
<img src="../img/a7.jpg" height="80" width="160" alt="路径不对"/> <br>
<img src="http://www.w3school.com.cn
/i/eg_smile.gif" height="80" width="160"/>
</body>
</html>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
