头歌HTML实训笔录

最新推荐文章于 2024-04-24 09:27:42 发布

k1elvin

最新推荐文章于 2024-04-24 09:27:42 发布

阅读量2.4k

点赞数 1

分类专栏：笔记文章标签： html 前端 css3

本文链接：https://blog.csdn.net/k1elvin/article/details/121567290

版权

笔记专栏收录该内容

3 篇文章 4 订阅

订阅专栏

头歌实训笔录

HTML前端基础
- 第2关创建
  -
  标签

HTML前端基础

因学校Java 前端等写代码的作业都在头哥平台上操作，就记录一下每一关的代码吧。。

##第1关创建第一个 HTML 标签

// An highlighted block
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <!-- ********* Begin ********* -->
    <h1>Hello</h1>
     <h1>welcome to Educoder</h1>
        
    <!-- ********* End ********* -->
</body>
</html>

第2关创建

-

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <h1>创建不同字体大小的标题</h1>
    <h2>创建不同字体大小的标题</h2>
    <h3>创建不同字体大小的标题</h3>
    <h4>创建不同字体大小的标题</h4>
    <h5>创建不同字体大小的标题</h5>
    <h6>创建不同字体大小的标题</h6>


    <!-- ********* End ********* -->
</body>
</html>

第3关创建 p 标签

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
<h1>    
<center>    
<p>我是一个段落</p>
</center>
</h1>
</body>
</html>

第4关创建 a 标签

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
<p>
<a href="https://www.educoder.net">Educoder平台</a>    
</p>
</body>
</html>

第5关创建 img 标签

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
<img src="https://www.educoder.net/attachments/download/207801" alt="小狗走路"/>

</body>
</html>

k1elvin

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
头歌HTML实训笔录

头歌实训笔录HTML前端基础第2关创建 - 标签HTML前端基础你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。##第1关创建第一个 HTML 标签// An highlighted block<!DOCTYPE html><html><head> <meta charset="UTF-8"></hea
复制链接

扫一扫