HTML（超文本语言）的网页格式定义和Copy的使用方法

一个喜欢易语言的人

已于 2024-08-12 10:52:40 修改

阅读量502

点赞数 12

文章标签： html

于 2024-08-11 12:03:04 首次发布

本文链接：https://blog.csdn.net/LickEasyLanguage/article/details/141103199

版权

一.重要的东西

提前声明，不要忘了这个玩意：

<!DECTYPE HTML>

不然会报错<html>不是元素啊喂!!!!!!!!!!忘了网页就....

二.网页格式定义

网页格式可以用元素<style>定义，这个元素需要用到CSS语言。

这个可以用到很多场景，例如:网页格式，美化网站......

众所周知，文本居中要用到<center>元素，我们用<style>元素可以不用<center>元素，代码如下:

<!DOCTYPE HTML>
<html>
    <head>
        <title>测试</title>
        <meta cherset="UTF-8">
        <!---引入style--->
        <style>
            .center-text {
                text-align: center;
            }
        </style>
    </head>
    <body>
        <div class="center-text">
            <H1>Test</H1>
        </div>
    </body>
</html>

也可以靠右:

<!DOCTYPE HTML>
<html>
    <head>
        <title>测试</title>
        <meta cherset="UTF-8">
        <!---引入style--->
        <style>
            .right-text {
                text-align: right;
            }
        </style>
    </head>
    <body>
        <div class="right-text">
            <H1>Test</H1>
        </div>
    </body>
</html>

也可以靠左:

<!DOCTYPE HTML>
<html>
    <head>
        <title>测试</title>
        <meta cherset="UTF-8">
        <!---引入style--->
        <style>
            .left-text {
                text-align: left;
            }
        </style>
    </head>
    <body>
        <div class="left-text">
            <H1>Test</H1>
        </div>
    </body>
</html>

这个不建议，因为所有标签元素默认都靠左。

三.Copy的实现

这个我们需要JavaScript，所以要用<script>元素，注意不要忘了这个:

<script type="text/javascript">

然后自定义函数:

function copy(){

}

实现复制的源码:

function copy(){
    var text=document.getElementById("copy")
    text.select() //选择欲复制的文本
    document.execCommand("Copy") //复制被选择文本
}

引用HTML

代码:

<!DOCTYPE HTML>
<html>
    <head>
        <title>test</title>
        <meta cherset="UTF-8">
        <script type="text/javascript">
            function copy(){
                var text=document.getElementById("copy")
                text.select() //选择欲复制的文本
                document.execCommand("Copy") //复制被选择文本
            }
        </script>
    </head>
    <body>
        <textarea id="copy" style="height: 20px;width: 1000px;font-size: 20px;">这是一串测试字符</textarea>
        <input type="button" onclick="copy();" value="复制">
    </body>
</html>