制作“专题栏目”

最新推荐文章于 2022-12-31 17:50:11 发布

喝着奶茶敲实验

最新推荐文章于 2022-12-31 17:50:11 发布

阅读量569

点赞数

分类专栏：网页设计与制作

本文链接：https://blog.csdn.net/weixin_45756724/article/details/108513244

版权

网页设计与制作专栏收录该内容

5 篇文章 0 订阅

订阅专栏

制作“专题栏目”

一、要求：
二、代码：
三、效果图：

一、要求：

自己的文件夹中新建文件夹images，将素材图片3lanmu.jpg复制在其中，打开VSCode，在自己的文件夹中新建网页文件，文件名lanmu.html，输入！，按Tab键自动生成H5网页框架标签。
将title标签内容改为“专题栏目”，在内添加标签，设置src属性值为"images/3lanmu.jpg"， alt属性值为"跳槽有道图片"。
将文字素材粘贴在其后，按照专题栏目页面效果图，为文字添加合适的标签并设置属性，代码和效果图如下所示。

二、代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>专题栏目</title>
</head>
<body>
    <img src="images/3lanmu.jpg" alt="跳槽有道图片"/>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;<font face="微软雅黑"><em><font color="blue"> 导语</font></em>：新年伊始，跳槽季汹涌而来。大企业or小公司，“程序员路在何方”？23期《传智特刊》“小企业排头兵VS大企业螺丝钉”！他们俩的思想碰撞，会迸发出怎样“剑拔弩张”的火花呢...<em><font color="blue">【详情】</font></em></p>
   <p>&nbsp;&nbsp;&nbsp;&nbsp;<font face="微软雅黑"><em><font color=blue>就业薪资</font></em>：月薪<strong><font color="red" size="5">18000</font>
</strong>元</font>    
</body>
</html>

在这里插入图片描述

三、效果图：

在这里插入图片描述

喝着奶茶敲实验

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
制作“专题栏目”

制作“专题栏目”一、要求：二、代码：三、效果图：一、要求：自己的文件夹中新建文件夹images，将素材图片3lanmu.jpg复制在其中，打开VSCode，在自己的文件夹中新建网页文件，文件名lanmu.html，输入！，按Tab键自动生成H5网页框架标签。将title标签内容改为“专题栏目”，在内添加标签，设置src属性值为"images/3lanmu.jpg"， alt属性值为"跳槽有道图片"。将文字素材粘贴在其后，按照专题栏目页面效果图，为文字添加合适的标签并设置属性，代码和效果图如下所示
复制链接

扫一扫