h5第二课行级元素 img标签a标签及一些补充标签

来源：互联网发布：农村淘宝宣传视频下载编辑：程序博客网时间：2024/06/03 20:15
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>行级标签</title></head><body><a name="top"></a><!--通过a标签添加一个锚点；-->     <!--span包裹特定元素         1.用于包裹文本中的某一个或某几个字段，以方便添加样式         2.它本身是没有任何样式的-->     <p>商品价格：仅售<span style="color: red;font-size: 80px">10</span>元</p>     <!--img：           1.src:用来指定你要显示的图片的路径           2.alt:当你指定的图片不存在时，相关的错误提示信息           3.title：当鼠标悬浮在图片上时，相关的提示信息           4.align:指定图片的显示位置           5.widgh：指定图片的宽度           6.hight:指定图片的高度         -->     <div style="width: 100%">         <img src="../../img/zixia.jpg" alt="图片不存在" title="紫霞"  align="left" width="300 px"/>     </div>     <!--align="left"：表示图片浮在div之上  这时div没有定义高度 占一行  而图片浮动 所以文本在图片右边-->     <!--em:            1.显示效果位倾斜并且有强调的意思。可以更方便的被浏览器搜索到-->     <!--i:            1.显示效果位倾斜没有强调的意思。-->     <p>版权所有，侵权必究 --刘氏企业；</p>     <p><i>版权所有，侵权必究 --刘氏企业；</i></p>     <p><em>版权所有，侵权必究 --刘氏企业；</em></p>     <!--strong:            1.显示效果位粗体并且有强调的意思。可以更方便的被浏览器搜索到-->     <!--b:            1.显示效果位粗体没有强调的意思。-->     <strong>         版权所有，侵权必究 --刘氏企业；     </strong><br/>     <b>版权所有，侵权必究 --刘氏企业；</b><br/>     <!--q:          加引号-->     <p>版权所有，侵权必究--<q> 刘氏企业；</q></p>       <!-- small: 字体更小-->     <p>版权<small>所有</small>，侵权必究 --刘氏企业；</p><!--删除线 用来显示删除数据--><s>这是被删除的文本</s><span style="text-decoration: underline">这是下划线的文本</span><br/><span style="text-decoration: line-through">这是被删除的文本</span><br/><span style="text-decoration: overline">这是上划线的文本</span><br/><cite>这是cite标签 浏览器显示为倾斜 常用于书 画作 作品的引用</cite><br/><mark>高亮显示文本</mark><br/> <pre><code>    StringBuffer sb=new StringBuffer();    for(String s:arr)    { sb.append(s)}</code> </pre>    <br/><!--表示文本显示方向，dir="ltr" 从左往右 dir="rtl" 从右往左--><bdo dir="ltr">唯我独尊</bdo><bdo dir="rtl">唯我独尊</bdo>    <br/>X <sup>2</sup>X <sub>2</sub>log <sub>2</sub>10    <br/><!--转义字符    版权符号&copy;    左尖括号&lt;    右尖括号&gt;    斜线&frasl;--><pre>    <u>下划线</u>    <br/>    &lt;u&gt;下划线&lt;&frasl;u&gt;</pre><!-- a:       1.页面跳转       2.锚点链接（可以是当前页面的锚点  也可以是另一个页面的锚点）       3.功能链接-->     <!--a标签属性          href:用来指定超链接要跳转的页面 这个页面可以是本地页面 也可以是非本地页面          title:用来指定鼠标悬浮时的提示文本          target: 用来指定要打开的网页在什么位置显示                    _blank 打开一个新页面                    ——self  在当前页面打开          rel:用来指定要打开的网页与当前网页的关系，添加该属性可以做到搜索引擎优化               next prev-->     <a href="http://baidu.com" title="百度搜索" target="_blank" rel="next">页面跳转</a>     <a href="../../img/01.jpg">页面跳转</a><!--跳转到TOp地--><a href="#top">返回顶部</a><a href="../01/firsthomework.html#ll">跳转到新页面锚点</a><!--功能性链接：mailto://xxxxxxx 给指定邮箱发送邮件    tencent://message/?uin=xxxxxxx 给指定QQ发送消息--><a href="mailto://"></a></body></html>
1 0
h5第二课 行级元素 img标签a标签及一些补充标签

h5第二课行级元素 img标签a标签及一些补充标签
