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://csdahua.cn/article/dghhdsj.html">http://csdahua.cn/article/dghhdsj.html</a>
                </div>
                <div class="view-qrocde cl">
                    <div class="m z"><img src="/Public/Home/images/ew.jpg"/></div>
                    <div class="text">
                        <h6>扫二维码与项目经理沟通</h6>
                        <p>我们在微信上24小时期待你的声音</p>
                        <p>解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流</p>
                    </div>
                </div>
                <div class="othernews cl">
                    <h3>其他资讯</h3>
                    <ul>
                        <li><a href="/article/ididch.html">墨泥软件设置,墨泥软件配车迈驰方向盘怎么设置</a></li><li><a href="/article/ididsj.html">微信申请账号</a></li><li><a href="/article/idideg.html">推广roi是什么意思,电商roi</a></li><li><a href="/article/idioph.html">如何使用outlook邮箱,outlook怎么用</a></li><li><a href="/article/idiohs.html">电商怎么自学,学做电商需要多少钱</a></li>                    </ul>
                </div>
            </div>
        </div>
        <div class="sidebar">
            <div class="tuijian">
                <a href="#">
                    <h2 class="cl"><span>行业动态</span></h2>
                    <h3>企业网站建设的重要性!</h3>
                    <p>现在虽然是移动互联网时代,但企业网站依然重要,包含PC站点,移动站。可以说企业网站关系企业的未来发展和前途,尤其对中小企业更是如此,一些中小企业老板,对自己的名片很在乎,因为这是个门面。...</p>
                </a>
            </div>
            <div class="ser sidesub">
                <h2>服务项目</h2>
                <ul class="ebox">
                    <li class="sub sub-1">
                        <div>
                            <h3>网站建设</h3>
                            <p></p>
                            <a class="btn" href="/serve/website/">查看详情</a>
                        </div>
                    </li>
                    <li class="sub sub-1">
                        <div>
                            <h3>移动端/APP</h3>
                            <p></p>
                            <a class="btn" href="/serve/moblie/">查看详情</a>
                        </div>
                    </li>
                    <li class="sub sub-1">
                        <div>
                            <h3>微信/小程序</h3>
                            <p></p>
                            <a class="btn" href="/serve/small/">查看详情</a>
                        </div>
                    </li>
                    <li class="sub sub-1">
                        <div>
                            <h3>技术支持</h3>
                            <p></p>
                            <a class="btn" href="/serve/tech/">查看详情</a>
                        </div>
                    </li>
                    <li class="sub sub-1">
                        <div>
                            <h3>其它服务</h3>
                            <p></p>
                            <a class="btn" href="/serve/othe/">查看详情</a>
                        </div>
                    </li>
                    <li class="sub sub-5">
                        <div>
                            <h3>更多服务项目</h3>
                            <p> <a>用我们的专业和诚信赢得您的信赖,从PC到移动互联网均有您想要的服务!</a></p>
                            <a class="btn" href="/serve/">获取更多</a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="contact" id="fix">
                <h2 class="cl"> <span>联系吧</span> <a href="https://map.baidu.com/" class="ditu" rel="nofollow" target="_blank">在百度地图上找到我们</a> </h2>
                <h3>电话:13518219792</h3>
                <p>如遇占线或暂未接听请拨:136xxx98888</p>
                <div class="qq"> <a href="//wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes" rel="nofollow" target="_blank">业务咨询</a> <a href="//wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes" rel="nofollow" target="_blank">技术咨询</a> <a href="//wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes" rel="nofollow" target="_blank">售后服务</a> </div>
            </div>
        </div>
        <script>
            //固定滚动
            (function () {
                var oDiv = document.getElementById("fix");
                var H = 120,
                    iE6;
                var Y = oDiv;
                while (Y) {
                    H += Y.offsetTop;
                    Y = Y.offsetParent
                };
                iE6 = window.ActiveXObject && !window.XMLHttpRequest;
                if (!iE6) {
                    window.onscroll = function ()
                    {
                        var s = document.body.scrollTop || document.documentElement.scrollTop;
                        if (s > H) {
                            oDiv.className = "contact  fixed";
                            if (iE6) {
                                oDiv.style.top = (s - H) + "px";
                            }
                        } else {
                            oDiv.className = "contact ";
                        }
                    };
                }

            })();
        </script>
    </div>
    <div class="footer">
        <div class="wp">
            <div class="wpss cl">
                <dl class="about">
                    <dt>网站制作</dt>
                    <dd><a href="https://www.cdcxhl.com/mobile.html" target="_blank" title="手机网站制作设计">手机网站制作设计</a></dd><dd><a href="http://www.cdxwcx.cn/bj/" target="_blank" title="网站制作价格">网站制作价格</a></dd><dd><a href="https://www.cdcxhl.com/zhizuo/chengdu.html" target="_blank" title="四川成都网站制作">四川成都网站制作</a></dd><dd><a href="http://m.cdcxhl.com/" target="_blank" title="成都网站制作">成都网站制作</a></dd>                </dl>
                <dl class="about">
                    <dt>网站建设</dt>
                    <dd><a href="https://www.cdxwcx.com/wangzhan/pinpai.html" target="_blank" title="高端品牌网站建设">高端品牌网站建设</a></dd><dd><a href="http://chengdu.kswjz.com/" target="_blank" title="成都网站建设">成都网站建设</a></dd><dd><a href="http://www.cxhljz.com/" target="_blank" title="成都网站建设">成都网站建设</a></dd><dd><a href="http://chengdu.cdcxhl.cn/" target="_blank" title="成都网站建设">成都网站建设</a></dd>                </dl>
                <dl class="about">
                    <dt>网站设计</dt>
                    <dd><a href="http://www.pzhzwz.com/" target="_blank" title="攀枝花网站设计">攀枝花网站设计</a></dd><dd><a href="http://chengdu.cdcxhl.cn/H5/" target="_blank" title="响应式网站设计">响应式网站设计</a></dd><dd><a href="http://www.cxjianzhan.cn/" target="_blank" title="成都网站设计">成都网站设计</a></dd><dd><a href="http://www.myzitong.com/" target="_blank" title="梓潼网站设计">梓潼网站设计</a></dd>                </dl>
                <dl class="contact">
                    <dt>联系我们</dt>
                    <dd>电话:13518219792</dd>
                    <dd>邮箱:631063699@qq.com</dd>
                    <dd>地址:成都青羊区锦天国际1002号</dd>
                    <dd>网址:www.csdahua.cn</dd>
                </dl>
                <dl class="flow">
                    <dt></dt>
                    <div class="ma cl">
                        <div class="m"> <img src="/Public/Home/images/ew.jpg" />
                            <p>微信二维码</p>
                        </div>
                    </div>
                </dl>
            </div>
        </div>
        <div class="footer-link wp">
            <ul class="wpss cl">
                <li class="fisrt">友情链接</li>
                <li><a href="http://chengdu.cdcxhl.com/xcx/" title="成都小程序制作" target="_blank">成都小程序制作</a></li><li><a href="https://www.cdcxhl.com/idc/cqhx.html" title="重庆电信回兴机房" target="_blank">重庆电信回兴机房</a></li><li><a href="http://www.mzwzsj.com/" title="梅州网站建设" target="_blank">梅州网站建设</a></li><li><a href="http://www.cxjianzhan.com/seo/" title="快照排名" target="_blank">快照排名</a></li><li><a href="http://www.xjjierui.cn/" title="xjjierui.cn" target="_blank">xjjierui.cn</a></li><li><a href="https://www.cdxwcx.com/" title="成都网站设计公司" target="_blank">成都网站设计公司</a></li><li><a href="http://www.ledyue.cn/" title="成都酒店服定制" target="_blank">成都酒店服定制</a></li><li><a href="https://www.cdxwcx.com/" title="成都网站推广" target="_blank">成都网站推广</a></li><li><a href="https://www.xwcx.net/hkcloud.html" title="香港云主机" target="_blank">香港云主机</a></li><li><a href="https://www.cdcxhl.cn/
" title="腾讯云香港虚拟主机" target="_blank">腾讯云香港虚拟主机</a></li>            </ul>
        </div>
    </div>
    <div class="bot-footer">
        <div class="wp">
            <p class="wpss"> <em>Copyright &copy; 2002-2023 www.csdahua.cn 快上网建站品牌 QQ:244261566 版权所有</em> <em>备案号:<a href="http://beian.miit.gov.cn/" rel="external nofollow">蜀ICP备19037934号</a></em>
            </p>
            <p class="wpss" style="line-height:30px !important;"> </p>
        </div>
    </div>
    <div class="footer-kefu">
        <ul>
            <li class="qq"><a href="https://wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes"><em></em>在线咨询</a>
            </li>
            <li class="tel"><a href="tel:13518219792" target="_blank"><em></em>13518219792</a></li>
            <li class="wx"> <em></em>
                <div class="code"> <img src="/Public/Home/images/ew.jpg" />
                    <p>微信二维码</p>
                </div>
            </li>
            <li class="m"> <em></em>
                <div class="code"> <img src="/Public/Home/images/ew.jpg" />
                    <p>移动版官网</p>
                </div>
            </li>
            <li class="top"><em></em></li>
        </ul>
    </div>
    <script src="/Public/Home/js/all.js"></script>
</body>
</html>
<script>
    $(".cont 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>