HTML学习笔记（三）

最新推荐文章于 2025-08-08 14:20:26 发布

原创最新推荐文章于 2025-08-08 14:20:26 发布 · 377 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #源代码

基础知识同时被 2 个专栏收录

4 篇文章

订阅专栏

HTML

3 篇文章

订阅专栏

好几天没有更新HTML了，被一些琐事缠身，有点力不从心，一方面一时有些懒散，应该好好用心一下！

1、源代码

<!DOCTYPE html>
<html>
    <head>
        <title>我的网页3</title>
    </head>
    <body bgcolor="#7FFFAA">
    <p>1、地址书写</p>
    <address>
    Written by <a href="http://blog.youkuaiyun.com/runningboy_1996/"> runningboy_1996 </a> .<br/> 
    Visit me at:<br/>
    <a href="http://blog.youkuaiyun.com/">blog.csdn.com</a><br/>
    Box 555,Disneyland<br/>
    China
    </address>
    <hr/>
    <p>2、缩写和首字母缩写</p>
    <abbr title="ecttera">ect.</abbr>
    <br/>
    <acronym title="World Wide Web">WWW</acronym>

    <p>在某些浏览器中，当您把鼠标移到缩略词语上时，title可用于展示表达的完整版本</p>

    <p>仅对IE5中的acronym元素有效。</p>

    <p>对于Netscape 6.2 中的abbr 和 acronym 元素都有效。</p>
    <hr/>

    <p>3、改变文字的输出方向</p>
    <p>
    如果您的浏览器支持bi-dirctional override(bdo) , 下一行会从右往左输出（rt1）;
    </p>

    <bdo dir= "rt1">
    Here are some words
    </bdo>
    <!--我的不支持（手动哭脸）-->
    <hr/>

    <p>4、引用</p>
    这是长的引用：
    <blockquote>雪花飘飘

    飘落着纯洁的思恋/我缱绻你的善良/我欣赏你的笑脸/你一脸的纯真美文/让我有了羁绊的空间
    </blockquote>

    这是短的引用：
    <q>你是我一首唱不完的歌</q>

    <p>使用blockquote 元素的话，浏览器会插入换行和外边距，而q元素不会有任何特殊的呈现。</p>
    <hr/>

    5、删除字效果和插入字效果
    <p>一打有  <del>二十</del>  <ins>十二</ins> 支.</p>
    </body>
</html>