html基本标签 (知识总结)

<!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/>
<!--块级标签、段落 &nbsp;空格-->
<p>网易娱乐专稿9月27日&nbsp;报道(文/小易)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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值