Web前端：HTML标签——Visual Studio Code

最新推荐文章于 2024-05-11 19:50:27 发布

xubinger2021

最新推荐文章于 2024-05-11 19:50:27 发布

阅读量483

点赞数 1

文章标签： html

本文链接：https://blog.csdn.net/m0_58822294/article/details/117449202

版权

【前提】
掌握HTML结构
掌握HTML常用标签的使用
【知识】

【要求】
使用HTML标签完成《糖醋排骨》菜谱练习
使用HTML标签完成《楚乔传》网页练习
扩展：点击集数跳转到详细介绍
【效果】
《糖醋排骨》菜谱练习效果图如下：

《楚乔传》练习效果图如下：
在这里插入图片描述
【知识补充】
超文本标记语言（Hyper Text Markup Language），缩写为HTML，标准通用标记语言下的一个应用。HTML是一种标记语言（markup language），是网页制作所必备的工具。超文本标记语言(或超文本标签语言)的结构包括“头”部分和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
在这里插入图片描述

在这里插入图片描述
【代码】

<!--糖醋排骨制作方法-->
<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <!--<meta http-equiv="X-UA-Compatible" content="IE=edge">-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>糖醋排骨的制作</title>
</head>
<body>
    <h1>《糖醋排骨》的制作方法</h1>
    <p>
    <b> 菜名名称：糖醋排骨</b>
    <br><b> 市场价格：</b>26
    <br><b> 会员价格：</b><font style="color:red">24</font>
    <br><b> 使用配料：</b>排骨、糖、醋
    <br><b> 菜品类型：</b&g

最低0.47元/天解锁文章

xubinger2021

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
Web前端：HTML标签——Visual Studio Code

【前提】掌握HTML结构掌握HTML常用标签的使用【知识】【要求】使用HTML标签完成《糖醋排骨》菜谱练习使用HTML标签完成《楚乔传》网页练习扩展：点击集数跳转到详细介绍【效果】《糖醋排骨》菜谱练习效果图如下：《楚乔传》练习效果图如下：【知识补充】...
复制链接

扫一扫

Web前端：HTML标签——Visual Studio Code

“相关推荐”对你有帮助么？