HTML概述 第一个HTML页面 创建 在vscode中输入html选择html:5即可 ? 结构 !doctype 声明 告诉浏览器当前html页面的版本 html基本结构 HTML标签 元素（Element）：是用来包含文字、图片或者音视频的内容，一般是由标签和内容组成。...注意： html标签对大小写不敏感，但W3C组织强制元素名使用小写 开始标签与结束标签 ? ? 元素的属性 ? 属性名（attribute name）：其数量和作用都是 HTML 给定的。...一个 HTML 页面允许引入多个 CSS 文件，多个 CSS 文件的加载顺序按照 HTML 页面引入的顺序进行加载。
小结] HTML 不是一种编程语言，而是一种标记语言 HTML 文档包含了HTML 标签及文本（为什么没有图片）内容 HTML文档也叫做 web 页面、网页 一个完整的HTML元素（element）...DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> — html 元素，HTML页面中的所有内容，有时被称为根元素。...DOCTYPE html> 定义 HTML 文档的类型和版本 定义 HTML 文档的根元素 包含文档的元信息，如标题、字符集声明、样式和脚本链接等 ...
HTML5新特性 HTML5 是 HTML 的最新版本，它引入了许多新的标签、属性和功能，大大增强了 web 的功能和互动性。...HTML5 中的一些有趣的新特性： 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 新的特殊内容元素，比如 article、footer、header...、nav、section 新的表单控件，比如 calendar、date、time、email、url、search HTML5 元素用于在网页中绘制图形。...示例： 您的浏览器不支持 HTML5 canvas 标签。...表单 HTML5 引入了一些新的输入类型和属性，以增强表单的功能和易用性。
HTML 提供了大量的文本标签，以供我们在制作网页时使用。这些标签可以帮助我们更好地组织和格式化我们的文本内容。以下是一些常用的 HTML 文本标签。...超链接是 HTML 中的一项基本功能，它可以链接到网页的其他部分，或者链接到其他网页，甚至是其他网站。...在 HTML 4 中， 标签必须包含斜杠； 在 HTML 5 中，斜杠是可选的。 加粗 元素是一种基本的文本样式标签，用于将文本设定为粗体，但没有强调文本的语义。...小结] HTML 5 中，下划线元素 被弃用了。这意味着它仍然是有效的 HTML 元素，但它不被推荐使用。...示例： 这是一个删除线文本 效果： HTML5 中删除线元素 被弃用了。这意味着它仍然是有效的 HTML 元素，但它不被推荐使用。
菜单： 菜单练习 红烧肉 烤全羊 </html...课程表： 课程表练习 课程表 项目...历史 化学 计算 </html
DOCTYPE html> hello HTML... </html...小结] HTML 元素 以 开始标签 开始（起始），以 结束标签 结束（终止） HTML 元素 的内容是开始标签与结束标签之间的内容 某些 HTML 元素 具有 空内容（empty content）...大多数 HTML 元素 可拥有 属性 HTML 元素 通常被称为 HTML 标签 (HTML tag) HTML 元素 通常是 成对出现 的，比如 和 HTML 元素 内可以嵌套其他...HTML 标签 HTML 元素 对大小写不敏感，推荐使用小写 属性 HTML 元素可以拥有属性（Attribute），它们提供了有关元素的更多信息，或者定义了元素的某些行为。
语义元素 HTML5 引入了许多语义元素，这些元素的目的是提高文档结构的语义性，使得文档更具有可读性、可维护性，并且对搜索引擎和开发者都更友好。...DOCTYPE html> 我的网页 我的网页 版权所有 2023 XXX 效果： 此示例包含一个网页，使用了 HTML5 的语义元素来描述网页内容的含义。
SEO 全称 Search Engine Optimization，即搜索引擎优化。是指通过优化网站的结构、内容和外部链接，提高网站在搜索引擎结果页面（SERP...
步骤1： 学会用IDE工具创建HTML页面 首先，下载和安装sublime，当然，你喜欢用其他IDE工具也可。 ? image.png 下载安装完毕，创建一个空的文本文档：1.text ?...image.png 修改后缀名，变成1.html ? image.png 右键1.txt ， 用sublime打开，然后在界面输入 ?...image.png 根据提示，回车，就可以得到一个基于HTML5规范的文档了。 HTML就是一个纯文本文件，浏览器解析的时候...DOCTYPE html> 这是我们的第一个网页
列表 HTML列表是在网页中组织和呈现信息的重要元素，通过使用不同类型的列表，可以更好地结构化和展示内容。...HTML 列表有三种类型： 无序列表（Unordered list）：使用元素来创建，每个列表项都要用元素来表示。...表格 HTML 表格是一种用于展示结构化数据的强大元素。...基本的 HTML 表格由 元素表示，其中包含一些关键的子元素，如 （表格行）、（表头单元格）和 （表格数据单元格）。...：用于为 HTML 表格添加标题，标题通常显示在表格的顶部。 ：定义表格列的组 ：定义用于表格列的属性。
表单 HTML 表单（Form）是 HTML 中非常重要的一部分，它能让用户在网页上输入信息，并将信息提交到服务器。...submit、reset 和 button 都是 HTML 中的表单按钮元素。
如果图片链接设置了边框，那边框默认和超链接一样的颜色 视频 HTML 视频元素用于在网页中嵌入视频。视频元素的标签是 。...效果： 一个非常全面的 HTML 视频 解决方案（不推荐） 以下实例中使用了 4 种不同的视频格式。...音频 HTML 中的 元素用于在网页中嵌入音频内容。...DOCTYPE html> HTML iframe 元素 效果：
步骤1： 用HTML做一个页面，配上简单样式 首先，请新建一个index.html，贴上如下的代码： 一些段子 效果如下： ? image.png 代码讲解：HTML标签可以加上属性，但是我们不推荐这样做，因为HTML是用来表示语义的。...image.png 新改动后的HTML标签代码： 一些段子 1.“怎样才算喜欢一个人？” -----“加钟。”
DOCTYPE html> 第三讲 效果是...image.png 我靠，真TM惨，宽度和高度都是0，这个标签是HTML捡来的么？别急，我们给span标签里面加一点料。 听说双拾壹什么都便宜，那你能不能跟我在一起，就当便宜我。...步骤3：图片img是什么标签 网页中是可以引入图片的，在html中，我们用img标签来引入图片。 标签有两个必需的属性：src 和 alt。...image.png 我们要引入1.jpg，只需要在html中加入这一行代码。 效果： ?...DOCTYPE html> 第三讲 请问怎样才能停止散发魅力？帮朋友问的。
二、✍️网站描述 ️HTML鲜花网页设计，采用DIV+CSS布局，共有多个页面，排版整洁，内容丰富，主题鲜明，首页使用CSS排版比较丰富，色彩鲜明有活力。...网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件； 网页编辑方面：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver...其中： （1）html文件包含：其中index.html是首页、其他html为二级页面； （2） css文件包含：css全部页面样式,文字滚动, 图片放大等； （3） js文件包含：js实现动态轮播特效...四、网站演示 图片 图片 图片 图片 图片 五、⚙️ 网站代码 HTML结构代码 登录 注册
) 程序员有趣的告白方式：【[HTML七夕情人节表白网页制作 (110套) 】 ](https://blog.csdn.net/bigwhiteshark/category_11928276.html...网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件； 网页编辑方面：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver...其中： （1）html文件包含：其中index.html是首页、其他html为二级页面； （2） css文件包含：css全部页面样式,文字滚动, 图片放大等； （3） js文件包含：js实现动态轮播特效...四、网站演示 图片 五、⚙️ 网站代码 HTML结构代码 <meta http-equiv="X-UA-Compatible" content
web前端开发技术期末大作业 网页规划与制造，做得不深 但是还是满足期末大作业的 分享一下 题目： 此次课程设计的题目是网页规划与设计(html+css+js+image+video+audio...首页效果 B.游戏介绍 假装有图 ---- C.游戏攻略 D.手办商城 E.问卷调查 假装有图 ---- F.加入我们 …懒了 …哈哈 ---- 三、部分代码 首页HTML...DOCTYPE html> 游戏介绍 游戏攻略...手办商城 问卷调查</a
CourseController.java @PreAuthorize("hasPermission('tienchin:course:remove')") @Log(title = "课程管理",...return toAjax(iCourseService.deleteCourseByIds(courseIds)); } ICourseService.java /** * 根据id删除课程...* * @param courseIds 课程id * @return 影响行数 */ int deleteCourseByIds(Object[] courseIds); CourseServiceImpl.java
网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件； 网页编辑方面：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver...其中： （1）html文件包含：其中index.html是首页、其他html为二级页面； （2） css文件包含：css全部页面样式,文字滚动, 图片放大等； （3） js文件包含：js实现动态轮播特效...="haixian.html">海鲜类 乳制品 热门搜索： 牛肉 鲜虾常见问题 联系我们 <a href="#.<em>html</em>
后端 新建 CourseVO.java： /** * CourseVO类是一个课程的值对象，用于存储课程的相关信息。 * 它包含了课程的名称、类型、适用对象、最低价格和最高价格等属性。...*/ public class CourseVO { private String name; // 课程名称 private String type; // 课程类型 private...return getDataTable(iCourseService.selectCourseList(courseVO)); } ICourseService.java /** * 查询课程列表...* * @param courseVO 课程信息 * @return {@code List} */ List selectCourseList(CourseVO...* * @param courseVO 课程信息 * @return {@code List} */ List selectCourseList(CourseVO
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
