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 文本标签。...超链接是 HTML 中的一项基本功能,它可以链接到网页的其他部分,或者链接到其他网页,甚至是其他网站。...在 HTML 4 中, 标签必须包含斜杠; 在 HTML 5 中,斜杠是可选的。 加粗 元素是一种基本的文本样式标签,用于将文本设定为粗体,但没有强调文本的语义。...小结] HTML 5 中,下划线元素 被弃用了。这意味着它仍然是有效的 HTML 元素,但它不被推荐使用。...示例: 这是一个删除线文本 效果: HTML5 中删除线元素 被弃用了。这意味着它仍然是有效的 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>
更改 Course.java: /** * 课程ID */ @TableId(value = "course_id", type = IdType.AUTO) @NotNull(message =..."{course.id.notnull}") @Excel(name = "课程编号") private Integer courseId; /** * 课程类型 1.舞蹈类 2.游泳类 3.拳击类...", readConverterExp = "1=舞蹈类,2=游泳类,3=拳击类") private Integer type; /** * 课程名称 */ @NotBlank(message =...String name; /** * 课程价格 */ @NotNull(message = "{course.price.notnull}", groups = {EditGroup.class...$modal.confirm('是否确认删除课程编号为"' + courseIds + '"的数据项?').
领取专属 10元无门槛券
手把手带您无忧上云