前端
关注
分享
扫一扫
Frrrrrrrrrrr
这个作者很懒，什么都没留下…
展开
-
前端基础-html-合并单元格
<!-- 合并单元格 场景：将水平或垂直多个单元格合并成一个单元格 1.明确合并哪几个单元格 2.通过左上原则，确定保留谁删除谁 上下合并 -只保留最上的，删除其他 左右合并-只保留最左的，删除其他 3.给保留的单元格设置：跨行合并（rowspan）或者跨列合并（colspan） rospan:合并单元格的个数 说明：跨行合并，将多行单元格垂...原创 2022-02-18 17:20:10 · 2030 阅读 · 0 评论 -
前端基础-html-表格的结构标签（了解）
<!-- 表格的结构标签 场景：让表格的内容结构分组，突出表格的不同部分（头部。主题，底部）使语义更加清晰 结构标签： thead:表格头部 tbody：表格主体 tfoot:表格底部 注意点： 表格结构标签内部用于包裹tr标签 表格的结构标签可以省略 --> <table border="1" >...原创 2022-02-18 17:07:18 · 261 阅读 · 0 评论 -
前端基础-html-表格的标题和表头单元格标签
<!-- 表格的标题和表头单元格标签 场景：在表格中表示整体大标题和一列小标题 其他标签： caption：表格大标题 说明：表示表格整体大标题，默认在表格整体顶部居中位置显示 th:表头单元格 说明：表示一列小标题，通常用表格第一行，默认内部文字加粗并居中显示 注意点： caption标签书写在table标签内部 t...原创 2022-02-18 16:52:56 · 2431 阅读 · 0 评论 -
前端基础-html-表格的基本标签和相关属性
<!-- 表格的基本标签 场景：在网页中以行+列的单元格的方式整齐展示和数据，如：学生成绩表 基本标签： table:表格整体，可用于包裹多个tr tr：表格每行，可用于包裹td td：表格单元格，可用于包裹内容 注意点： 标签的嵌套关系：table>tr>td --> <table> ...原创 2022-02-18 16:42:15 · 329 阅读 · 0 评论 -
前端基础-html-列表
<!-- 无序列表 场景：在网页中表示一组无顺序之分的列表，如：新闻列表 标签组成： ul:表示无序列表的整体，用于包裹li标签 li:表虚无序列表的每一项，用于包含每一行的内容 显示特点：列表中的每一项前默认显示原点标识 注意点： ul标签中只允许包含li标签 li标签可以包含任意内容 --> <h3&...原创 2022-02-18 16:15:57 · 234 阅读 · 0 评论 -
前端基础-html-认知-综合案例-跳转
需要用到三个html1主页html2阿卡贝拉html<audio src="./Underground Hip Hop Instrumental Rap Beat Old School Boom Bap.mp3" controls autoplay loop ></audio>3翻唱html<video src="./WeChat_20220216011759.mp4" controls autoplay loop muted width="6..原创 2022-02-16 01:33:18 · 165 阅读 · 0 评论 -
前端基础-html-认知-综合案例-招
!DOCTYPE html><html lang="en"><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>D...原创 2022-02-16 00:58:36 · 335 阅读 · 0 评论 -
前端基础-html-链接标签的介绍
<!-- 链接标签 场景：点击之后，从一个页面跳转到另一个页面 称呼：a标签、超链接、锚链接 代码： <a href="https://www.baidu.com/">百度</a> 注：href：跳转地址 也可以跳转到其他html：<a href="./9.视频标签的介绍.html">视频</a> 特点： 双标签，内...原创 2022-02-12 16:04:17 · 701 阅读 · 0 评论 -
前端基础-html-视频标签的介绍
<!--场景：在页面中插入视频代码：<video src="./89bb146d7bfdbdeb58b146202456d50c.mp4"></video>常见属性：src:视频的路径controls:显示播放的控件autoplay:自动播放（谷歌浏览器中需要配合muted实现静音播放） loop：循环播放--> <video src="./89bb146d7bfdbdeb58b146202456d50c...原创 2022-02-12 15:41:06 · 829 阅读 · 0 评论 -
前端基础-html-音频标签的介绍
<!--音频标签的介绍场景：在页面中插入音频代码：<audio src="./Eyes Closed.mp3" controls></audio>常见属性：src:音频的路径controls:显示播放的控件autoplay:自动播放（部分浏览器不支持）loop:循环播放注意点：音频标签目前支持三种格式：MP3,Wav,Ogg--><audio src="./Eyes Closed.mp3" controls .原创 2022-02-12 15:34:12 · 1182 阅读 · 0 评论 -
前端基础-html-路径的介绍
<!-- 路径的介绍 场景：页面需要加载图片，需要先找到对应的图片 类似于：生活中两个人，我要去找你，需要通过一定的路径才能找到 同理：页面需要找到图片，也是需要通过路径才能找到 路径可分为： 绝对路径（了解） 相对路径（常用） 绝对路径：指目录下的绝对位置，可直接到达目标位置，通常从盘符开始的路径 例如：...原创 2022-02-12 15:03:53 · 486 阅读 · 0 评论 -
前端基础-html-图片标签
<!-- 图片标签 场景：在网页中显示图片 代码： <img src="" alt=""> 解释：src：属性名 “ ”:属性值 src="":标签属性 特点： 单标签 img标签需要展示对应的效果，需要借助标签的属性进行设置 属性注...原创 2022-02-10 17:46:24 · 883 阅读 · 0 评论 -
前端基础-html-文本格式化标签
<!--文本格式化标签的介绍场景：需要让文字加粗、下划线、倾斜、删除等效果代码：b 加粗 strong 加粗u 下划线 ins 下划线i 倾斜 em 倾斜s 删除线 del 删除线语义：突出重要性的强调语境--><b>加粗</b><strong>加粗</strong><u>...原创 2022-02-10 17:27:49 · 302 阅读 · 0 评论 -
前端基础-html-水平线标签
<!--水平线标签场景：分隔不同主题内容的水平线代码：<hr>语义：主题的分割转换特点：单标签在页面中显示一条水平线--><h1>前段基础</h1><hr><p>前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，最新的高级版本HTML5、CSS3，以及SVG等。</p>原创 2022-02-10 17:20:31 · 2095 阅读 · 0 评论 -
前端基础-html-换行标签
<!-- 换行标签 场景： 让文字强制换行显示 代码： <br> 语义： 换行 特点： 单标签 让文字强制换行 --> <p>前端技术 <br> 一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开...原创 2022-02-10 17:18:37 · 2822 阅读 · 0 评论 -
前端基础-html-段落标签
<!-- 场景： 在新闻和文章的页面中，用于分段显示 代码： <p>我是一段文字</p> 语义：段落 特点: 段落之间存在间隙 独占一行 --> <p>我是一段文字</p> <p>前端技术一般分为前端设计和前端开发，前端设计一...原创 2022-02-10 17:17:10 · 524 阅读 · 0 评论 -
前端基础-html-标题标签
<!DOCTYPE html><html lang="en"><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&...原创 2022-02-10 16:11:37 · 319 阅读 · 0 评论