果壳日志

很多初学者使用wordpress建站，使用的主题没有自带关键词（keywords）和描述（description），那么我们应该如何设置呢？ 一：发布文章的时候，没有自动生成关键词，我们可以使用 “WP AutoTags” 这款插件来辅助我们，搜索安装好之后，发布文章的时候可以自动帮我们生成关键词。   二：自动生成关键词之后，首页和文章也还是没有…

链接a标签的介绍 特点：• 双标签，内部可以包裹内容• 如果需要a标签点击之后去指定页面，需要设置a标签的href属性       链接标签的target属性 属性名：target属性值：目标网页的打开形式 链接标签的显示特点 显示特点：• a标签默认文字有下划线• a标签从未点击过，默认文字显示蓝色• a标签点击过之后，文字显…

video标签 作用：在网页中插入视频 属性1、src：视频的路径2、controls：播放的控件3、autoplay：自动播放 谷歌需要添加 muted4、loop：循环播放

音频标签 audio作用：在网页中插入音频属性1、src：音频的路径2、controls：播放的控件3、autoplay：自动播放 （部分浏览器不支持）4、loop：循环播放

生活中两个人，我要去找你，需要通过一定的路径才能找到！同理：页面需要找到图片，也是需要通过路径才能找到。html标签路径分为两种，绝对路径和相对路径 ，我们先来介绍绝对路径，比较简单。   相对路径是大家常用的， 本文会详细介绍。 • 绝对路径 绝对路径：指目录下的绝对位置，可直接到达目标位置，通常从盘符开始的路径 例如：• 盘符开头：D:\day01\im…

图片标签的介绍 场景：在网页中显示图片 特点：• 单标签• img标签需要展示对应的效果，需要借助标签的属性进行设置！ 图片标签的src属性 属性名：srcØ 属性值：目标图片的路径Ø 注意点：Ø 当前网页和目标图片在同一个文件夹中，路径直接写目标图片的名字即可（包括后缀名）Ø 路径的情况有很多，在之后的学习过程中，会了解用法。   图片标签的al…

文本格式化标签的介绍：需要让文字加粗、下划线、倾斜、删除线等效果，语义：突出重要性的强调语境 实际项目开发中选择标签的原则：标签语义化 即：根据语义选择对应正确的标签• 如：需要写标题，就使用h系列标签• 如：需要写段落，就使用p标签   好处：• 对人：好理解，好记忆• 对机器：有利于机器解析，对搜索引擎（SEO）有帮助推荐下面这组：• stro…

段落标签 特点：段落之间存在间隙 独占一行 换行标签 场景：让文字强制换行显示 特点：• 单标签• 让文字强制换行   水平线标签 场景：分割不同主题内容的水平线 特点：• 单标签• 在页面中显示一条水平线

在新闻和文章的页面中，都离不开标题，用来突出显示文章主题。 代码：h系列标签 语义：1~6级标题，重要程度依次递减特点：• 文字都有加粗• 文字都有变大，并且从h1 → h6文字逐渐减小• 独占一行注意点：h1标签对于网页尤为重要，开发中有特定的使用场景，如：新闻的标题、网页的logo部分 标题标签一共有几个？分别表示什么含义？• h1标签：一级标题• h2…

HTML标签与标签之间的关系可分两种，分别为：父子关系（嵌套关系）兄弟关系（并列关系）