【HTML】基础学习一：-CSDN博客

本文链接：https://blog.csdn.net/Mr_TianSDQ/article/details/130614697

该文展示了HTML的基本用法，包括插入图片、创建超链接、编写段落与换行、以及使用无序列表、有序列表和定义列表。还演示了文本滚动效果，是HTML初学者的学习实例。

摘要由CSDN通过智能技术生成

1. 图片与超链接：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible"="width=device-width,initial-scale=1.0" >
    <meta name="description" content="全休领先" />
    <meta name = "keywords" content="IT培训，培训，IT" />
    <title>Document </title>
</head>
<body>
    这是我第一个网页吃饭！<br/>
    <img src="D:\素材\素材\4444.jpg" alt="购买就打折" width="300px" height="300px" align="middle" border = "2px" />
    改改的对修改 <br/>
    <a href="newpage.html">新网页</a>
    <a href="newpage.html" target="_blank">新窗口</a>
    <a href="http://www.sohu.com"><img src="D:\素材\素材\3333.jpg" alt="连接到搜狐"></a>
    <a href="maito:chan@aliyun.com">编者邮箱</a>

    <h1>标题2</h1>
    <h2>标题2</h2>
</body>
</html>

2.段落与换行：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible"="width=device-width,initial-scale=1.0" >
    <meta name="description" content="全休领先" />
    <meta name = "keywords" content="IT培训，培训，IT" />
    <title>Document </title>
</head>
<body>
    <p>
    床前明月光，
    疑是地上霜，
    举头望明月，
    低头思故乡。
    </p>
    <hr width="200px" align="left">
    <p align="left">
        床前明月光，<br>
        疑是地上霜，<br>
        举头望明月，<p>
        低头思故乡。&copy;<br>
    </p>

    <h1>标题2</h1>
    <h2>标题2</h2>
</body>


</html>

3.列表：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible"="width=device-width,initial-scale=1.0" >
    <meta name="description" content="全休领先" />
    <meta name = "keywords" content="IT培训，培训，IT" />
    <title>Document </title>
</head>
<body>
    
</body>
<ul type = "square">
    <li>学员须知</li>
    <li>学币充值</li>
    <li>关于学习</li>
    <li>服务跳关</li>
</ul>

<ol type="I">
    <li>学员须知1</li>
    <li>学币充值2</li>
    <li>关于学习3</li>
    <li>服务跳关4</li>
</ol>

<dl>
    <dt>单标记</dt>
    <dd>标记的预防1：</dd>
    <dd>标记的预防2：</dd>
    <dt>双标记</dt>
    <dd>标记的预防3：</dd>
    <dd>标记的预防4：</dd>
</dl>
</html>

4.滚动：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible"="width=device-width,initial-scale=1.0" >
    <meta name="description" content="全休领先" />
    <meta name = "keywords" content="IT培训，培训，IT" />
    <title>Document </title>
</head>
<body>
    <marquee scrolldelay="10" direction = "left">向左滚动</marquee>
    <marquee scrolldelay="10" direction = "right">向右滚动</marquee>
</body>
</html>