用代码怎么写这首古诗?

html-css010

用代码怎么写这首古诗?,第1张

内容基于html标签结构。

h5标签：

诗标题用h1，分割线hr，文字p，斜体i，下划线u，删除线del。

特殊符号：

版权标识 &copy。

排版用css实现（行内样式很麻烦而且难改，不建议）。

css属性：文字位置（中左右）text-align，宽度width（用了占屏幕百分比），高度height（用了具体像素px值），颜色color，背景background（直接给分割线设置了背景灰色免得变矩形）。

css选择器：前面没有符号的是标签，有.是class，有#是id。

进一步内容可以查询有关概念或改动编码看其变化。

<!DOCTYPE html>

<html>

    <head>

        <title>山居秋暝</title>

        <style type="text/css">

            h1 {text-align:centercolor:red}

            hr {width:50%height:3pxtext-align:centerbackground:grey}

            footer {text-align:center}

            .bluepoem {color:blue}

            #author {text-align:right}

        </style>

</head>

    <body>

        <header>

            <h1>山居秋暝</h1>

            <hr />

            <p id="author"><i>唐 王维</i></p>

        </header>

      <div>

            <p class="bluepoem">空山新雨后，天气晚来秋。</p>

            <br />

            <p><u>明月松间照，清泉石上流。</u></p>

            <br />

            <p class="bluepoem">竹喧归浣女，莲动下渔舟。</p>

            <br />

            <p><del>随意春芳歇，王孙自可留。</del></p>

      </div>

        <footer>

            &copy版权所有 <网页设计与制作>

        </footer>

    </body>

</html>

可以。

HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。