HTML文本格式化-1.9HTML基础教程

HTML 可定义很多供格式化输出的元素,比如粗体和斜体字。

重庆网站建设公司成都创新互联公司,重庆网站设计制作,有大型网站制作公司丰富经验。已为重庆数千家提供企业网站建设服务。企业网站搭建\外贸网站建设要多少钱,请找那个售后服务好的重庆做网站的公司定做!

下面有很多例子,您可以亲自试试:

HTML 文本格式化实例 文本格式化 此例演示如何在一个 HTML 文件中对文本进行格式化 预格式文本 此例演示如何使用 pre 标签对空行和空格进行控制。 “计算机输出”标签 此例演示不同的“计算机输出”标签的显示效果。 地址 此例演示如何在 HTML 文件中写地址。 缩写和首字母缩写 此例演示如何实现缩写或首字母缩写。 文字方向 此例演示如何改变文字的方向。 块引用 此例演示如何实现长短不一的引用语。 删除字效果和插入字效果 此例演示如何标记删除文本和插入文本。
如何查看 HTML 源码

您是否有过这样的经历,当你看到一个很棒的站点,你会很想知道开发人员是如何将它实现的?

你有没有看过一些网页,并且想知道它是如何做出来的呢?

要揭示一个网站的技术秘密,其实很简单。单击浏览器的“查看”菜单,选择“查看源文件”即可。随后你会看到一个弹出的窗口,窗口内就是实际的 HTML 代码。

文本格式化标签 标签 描述 定义粗体文本。 定义大号字。 定义着重文字。 定义斜体字。 定义小号字。 定义加重语气。 定义下标字。 定义上标字。 定义插入字。 定义删除字。 不赞成使用。使用 代替。 不赞成使用。使用 代替。 不赞成使用。使用样式(style)代替。
“计算机输出”标签 标签 描述 定义计算机代码。 定义键盘码。 定义计算机代码样本。 定义打字机代码。 定义变量。
			定义预格式文本。						不赞成使用。使用 
 代替。						不赞成使用。使用 <pre> 代替。			<xmp>			不赞成使用。使用 <pre> 代替。			</div><div>引用、引用和术语定义				标签			描述			<abbr>			定义缩写。			<acronym>			定义首字母缩写。			<address>			定义地址。			<bdo>			定义文字方向。			<blockquote>			定义长的引用。			<q>			定义短的引用语。			<cite>			定义引用、引证。			<dfn>			定义一个定义项目。			</div>            
            
                            <br>
                当前标题:HTML文本格式化-1.9HTML基础教程                <br>
                转载源于:<a href="http://abwzjs.com/article/dghhdsj.html">http://abwzjs.com/article/dghhdsj.html</a>
            </div>
        </div>
        <div class="contentr fr">
            <h3>其他资讯</h3>
            <ul>
                <li>
                        <a href="/article/dppgih.html">HTML常用标记及其使用方法-创新互联</a>
                    </li><li>
                        <a href="/article/dppgcs.html">Mac快速锁屏快捷方式是什么-创新互联</a>
                    </li><li>
                        <a href="/article/dppges.html">SomethingForsfdcdeveloper-创新互联</a>
                    </li><li>
                        <a href="/article/dppgos.html">mysql中workbench实例详解-创新互联</a>
                    </li><li>
                        <a href="/article/dppgio.html">使用vue.js实现联动效果的示例代码-创新互联</a>
                    </li>            </ul>
        </div>
    </div>
</div>
<!--底部-->
<footer>
    <div class="foot">
        <div class="container">
            <h1>大橙子建站您身边的网站建设服务商</h1>
            <div class="foot1">
                <ul>
                    <li>
                        <dl><i class="iconfont">&#xe659;</i><b>地址ADDRESS</b></dl>
                        <p>四川-阿坝青羊区太升南路288号<br>
                            锦天国际A座10楼
                        </p>
                    </li>
                    <li>
                        <dl><i class="iconfont">&#xe604;</i><b>电话/TEL</b></dl>
                        <p><a href="tel:02886922220" target="_blank">028 86922220</a> (工作日)<br>
                            <a href="tel:18980820575" target="_blank">1898082 0575</a> ( 7x24 )
                        </p>
                    </li>
                    <li>
                        <dl><i class="iconfont">&#xe658;</i><b>QQ咨询</b></dl>
                        <p> 244261566 (售前)<br>
                            631063699 (售后)
                        </p>
                    </li>
                    <li>
                        <dl><i class="iconfont">&#xe600;</i><b>邮箱/E: mail</b></dl>
                        <p> service@cdcxhl.com (业务)<br>
                            hr@cdcxhl.com (求职)
                        </p>
                    </li>
                </ul>
            </div>
            <div class="link">
                友情链接:
                <a href="https://www.cdxwcx.com/cloud/" title="成都云主机" target="_blank">成都云主机</a>&nbsp;&nbsp;&nbsp;<a href="http://www.cdxwcx.cn/tuoguan/yaan.html" title="雅安电信机房" target="_blank">雅安电信机房</a>&nbsp;&nbsp;&nbsp;<a href="http://www.cdymzj.com/" title="云服务器" target="_blank">云服务器</a>&nbsp;&nbsp;&nbsp;<a href="https://www.cdxwcx.com/city/jianyang/" title="简阳网站建设" target="_blank">简阳网站建设</a>&nbsp;&nbsp;&nbsp;<a href="http://www.dywzjz.com/" title="大英泰恒网站" target="_blank">大英泰恒网站</a>&nbsp;&nbsp;&nbsp;<a href="http://www.cdxwcx.cn/tuoguan/zigong.html" title="自贡电信机房" target="_blank">自贡电信机房</a>&nbsp;&nbsp;&nbsp;<a href="http://seo.cdcxhl.cn/wztg/" title="成都外贸网站优化" target="_blank">成都外贸网站优化</a>&nbsp;&nbsp;&nbsp;<a href="http://www.jinhuajc.com/" title="成都橡塑保温管" target="_blank">成都橡塑保温管</a>&nbsp;&nbsp;&nbsp;<a href="http://www.cdhuace.com/fuwu.html" title="名片印刷厂" target="_blank">名片印刷厂</a>&nbsp;&nbsp;&nbsp;<a href="http://www.cqcxhl.com/service/app.html" title="重庆APP开发" target="_blank">重庆APP开发</a>&nbsp;&nbsp;&nbsp;            </div>
        </div>
    </div>
    <div class="copy container">
        Copyright © 2017-2022 All Rights Reserved. 青羊区大橙子信息咨询工作室 版权所有  <a href="http://www.beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2022028542号-9</a>
        [原创设计,独立版权。未经许可.不得拷贝或镜像]<br>
        <a href="http://www.kswsj.cn/" target="_blank">网站营销推广</a> | <a href="https://www.cdcxhl.com/pinpai.html" target="_blank">品牌网站设计</a> | <a href="http://www.cdweb.net/" target="_blank">自适应网站建设</a> | <a href="http://cdkjz.cn/wangzhan/pinpai/" target="_blank">品牌网站建设</a> | <a href="http://chengdu.cdxwcx.cn/" target="_blank">成都网站制作</a> | <a href="https://www.cdcxhl.com/cloud/" target="_blank">云服务器</a> | <a href="https://www.cdcxhl.com/weihu/abazhou.html" target="_blank">阿坝网站维护</a> | (阿坝网站建设QQ : 631063699 )</div>
</footer>
<!--在线咨询-->
<div class="fot">
    <ul>
        <li>
            <a href="mqqwpa://im/chat?chat_type=wpa&uin=532337155&version=1&src_type=web&web_src=oicqzone.com" target="_blank">
                <img src="/Public/Home/img/fot1.png" alt="建站咨询">
                <p>在线咨询</p>
            </a>
        </li>
        <li>
            <a href="tel:18980820575" target="_blank">
                <img src="/Public/Home/img/fot2.png" alt="建站电话">
                <p>拨打电话</p>
            </a>
        </li>
    </ul>
</div>
</body>
</html>
<script>
    $(".con img").each(function(){
        var src = $(this).attr("src");    //获取图片地址
        var str=new RegExp("http");
        var result=str.test(src);
        if(result==false){
            var url = "https://www.cdcxhl.com"+src;    //绝对路径
            $(this).attr("src",url);
        }
    });
    window.onload=function(){
        document.oncontextmenu=function(){
            return false;
        }
    }
</script>