我在国庆节学HTML_国庆代码html-CSDN博客

本文链接：https://blog.csdn.net/Time_dog/article/details/39860139

【背景音乐曲终人散】

HT猫的学习

首先要下个IDEA啦，然后就发现全是英文啊（表情里竟然没有流泪的那个），完全是欺负人啊。还下了个notepad++，现在还背不到各式哒留着以后用。

1.先是简单的标题、段落、文字的编辑，还有个本地连接

<!DOCTYPE html>
<html>
<head lang="zh">
    <meta charset="UTF-8">
    <title>失忆蝴蝶</title>
</head>
<body bgcolor="#f5f5f5"><!--背景颜色-->
    <a href="本地.html" target="_blank">打开本地</a><!--链接-->
    <h1 align="center">标题h1</h1><!--标题居中-->
    哒哒哒<br/>
    <b>加粗的哒哒哒</b><br/>
    <big>大的字</big><br/>
    <em>额</em>
    <i>樱花</i><br/>
    这是下标哟<sub>奇怪的</sub>嚯嚯嚯<br/>
    上标<sup>开了</sup>哒哒<br/>
    <ins>插入字</ins>
</body>
</html>

2.啦啦啦，又学了样式、连接、表格

<span style="font-size:12px;"><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head lang="en">
    <meta charset="UTF-8">
    <title>样式咯</title>
    <link rel="stylesheet" type="text/css" href="外部样式.css"
    <!--上面是外部样式表插入这里用来改变标题颜色-->
    <style type="text/css">
        p{
            color: #ffda2c;
        }
    </style>
    <!--上面是内部样式表插入的，还可以直接点左面那个颜色方框改颜色-->
</head>
<body>
    <h1>标题君变黄了= =</h1>

    <p>这里是文字啊哒哒哒</p>

    <a href="http://www.baidu.com" style="color: #df3c2d">这里可以去百度</a>
    <br/>
    <!--这里是内联样式表，恩是文字链接-->
    <a href="http://www.baidu.com" >
        <img src=".idea/img/失忆蝴蝶.jpg" width="100px" height="100px" alt="失忆蝴蝶的封面">
    </a>
    <br/>
   <!--这是图片链接，宽高，名字-->

    <a name="哒">哒哒哒</a>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <a href="#哒">跳转到哒哒哒</a>
    <!--文档内连接-->

    <table border="2" cellpadding="10" cellspacing="5" background=".idea/img/失忆蝴蝶.jpg">
        <caption>表咋</caption>
        <tr>
            <th>表头</th>
            <th>表头</th>
            <th>表人人人人人人人人人人人人人人人头</th>
        </tr>
        <tr>
            <td>单元格1</td>
            <td></td>
            <td>单元gggggggg格3</td>
        </tr>
        <tr>
            <td>
                <ul>
                    <li>苹果</li>
                    <li>西瓜</li>
                    <li>香蕉</li>
                </ul>
            </td>
            <td>我要吃肉</td>
            <td></td>
        </tr>
    </table>
    <!--表格-->


</body>
</html></span>

让我来三张插张效果图，hhhh（第一张是有背景颜色的，图片下方那一串是水印不要在意）