HTML5】html5开篇基础(6)

1.❤️❤️前言~🥳🎉🎉🎉 2.video  常见的视频格式包括: MP4(通常使用H.264编码)WebM(通常使用VP8/VP9编码)Ogg(通常使用Theora编码) 我们通常用MP4,这在所有游览器中通用。 3.audio 常见的音频格式有: MP3(audio/mpeg):最常用的音频格式,几乎所有浏览器都支持。Ogg Vorbis(audio/ogg):一种开源格式,支持较好,但不如MP3普及...

HTML 块级元素和内联(行内)元素详解

文章目录 一、块级元素 1.1 块级元素是什么? 1.2 块级元素的特点 1.3 常见的块级元素 1.4 块级元素的示例 二、内联元素 2.1 内联元素是什么? 2.2 内联元素的特点 2.3 常见的内联元素 2.4 内联元素的示例 三、块级元素与内联元素的区别详解 3.1 布局特征 3.2 内容包含关系 3.3 尺寸特性 3.4 常见代表元素 一、块级元素 1.1 块级元素是什么? 块级元素(Bloc...

HTML入门教程22:HTML文件路径

ttps://www.example.com/js/script.js"></script>就使用了绝对路径来引用外部的JavaScript文件。特点:绝对路径指向的是因特网上的一个确切位置,无论当前HTML文件位于何处,浏览器都会根据这个完整路径去加载资源。因此,绝对路径的使用不会受到HTML文件位置的影响。使用场景:绝对路径通常用于引用外部资源,如CDN上的图片、库或字体等。 二、相对路径 定义:相对...

HTML入门教程18:HTML

一、定义类 在HTML中,你使用class属性来为元素分配类名。类名可以是任何你选择的名称,但最好使用能够描述元素用途或样式的名称。类名前面用一个点(.)表示,但在HTML中给元素分配类名时不需要这个点。 <div class="my-class">这是一个具有类的div元素</div> 在这个例子中,my-class是分配给div元素的类名。 二、在CSS中使用类 在CSS中,你通过类选择器(.类名)...

前端零基础入门到上班:【Day5】HTML 和 CSS

HTML 和 CSS 的完美结合:从基础到进阶 引言 1. HTML 与 CSS 的基础知识1.1 HTML 概述常用标签 1.2 CSS 概述选择器与属性 1.3 HTML 与 CSS 的基本结合 2. HTML 与 CSS 的基本结合2.1 选择器的使用2.1.1 元素选择器2.1.2 类选择器2.1.3 ID 选择器2.1.4 组合选择器 2.2 盒模型2.2.1 盒模型结构2.2.2 示例 2....

Html提高——HTML5 新增的 input 类型

1、新增input的类型: 2、各类input属性代码展示与效果图 2.1、required属性 文本框一定要被填写,否则在点击提交的时候会提示需要被填写 代码: <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-...

557.清新的化妆品响应式网页 大学生期末大作业 Web前端网页制作 html+css+js

目录 一、网页概述 二、网页文件  三、网页效果 四、代码展示 1.html 2.CSS 3.JS 五、总结 1.简洁实用 2.使用方便 3.整体性好 4.形象突出 5.交互式强 六、更多推荐 一、网页概述 本实例应用html+css+js: 导航菜单、图片轮翻、三级页面、下拉菜单、、鼠标滑动特效、视频、悬浮菜单等。适用于大学生网页课程作业设计、公司网页制作等。响应式布局可以根据不同的设备屏幕大小自动调整...

前端入门一之HTML知识讲解

前言 HTML是前端三件套之一,在MarkDown中也完美兼容这些语法;这篇文章是本人大一学习前端的笔记;欢迎点赞 + 收藏 + 关注,本人将会持续更新。 文章目录 前端开始HTML基本标记meta:无信息标记网页主体body一些标签文字与段落标记使用图像列表使用表格创建表格: 表单表单提交表单、表单名字、传递方法文字字段 :text密码 : password单选按钮:radio复选按钮:checkbo...

【CSS/HTML】CSS实现两列布局,一列固定宽度,一列宽度自适应方法

区设置margin4.使用display:table实现 不管是左是右,反正就是一边宽度固定,一边宽度自适应。 博客的很多主题也是这样设计的,我的其他博客也是右侧固定宽度,左侧自适应屏幕的布局方式。 html代码: <div id="wrap"> <div id="sidebar" style="height:500px;background:red;color:#fff;">固定宽度区</div> <d...

HTML流光爱心

文章目录 写在前面 本期博主给大家推荐一个由HTML代码实现的、红蓝色线条组成的流光爱心,一起来看看吧。 完整代码 <!DOCTYPE html><!--<div class="menu__subheader"><br>微信公众号:雁卿雁卿呀--><html lang="en"> <head> <meta charset="UTF-8" /> <title>流光爱心</title> <meta na...
© 2024 LMLPHP 关于我们 联系我们 友情链接 耗时0.018611(s)
2024-12-11 23:08:52 1733929732