a标签，文本元素及四种引用方式 |
您所在的位置：网站首页 › a标签的target属性值 › a标签，文本元素及四种引用方式 |
|
a标签
书写格式： 内容 a标签的功能：1、普通的跳转； 2、锚点定位； 3、 发邮件： 给我打电话 打电话： 给我发邮件 a标签的打开方式：1、在新的页面打开：属性名为target，属性值为 _ blank新页面打开、_ self当前页面打开（默认值） 外部引用优势：批量修改、重复使用。 相对路径和绝对路径 相对路径：图像文件和HTML文件位于同一文件夹，相对于当前资源的位置，只能用于访问站内资源。 书写格式：./路径 ./表示当前资源所在的目录，必须作为相对路径的开始，可省略 …/表示返回上一级目录 绝对路径：当网站部署到服务器后，网站中的所有资源都可以通过一个地址（路径）访问 书写格式：协议：//域名/目录 绝对路径使用场景： 访问站外资源时，只能使用绝对路径； 访问站内资源时，若网站已部署到服务器，可以使用绝对路径，并可以省略协议和域名。（站内资源推荐使用相对路径）。 title和h标签的区别： < title>是网页的标题，是写给搜索引擎看的，写在< head>里面；< title>标签里的文本不出现在页面内容里面。 < h1>是文章的标题，是给用户看的，写在< body>里面。< h1>标签里的文本出现在页面内容里面。 文本元素h1~h6 一级标题~6级标题 p 段落 blockquote 整段/大段的引用blockquote:大段文本的引用 功能：自动添加缩进 【扩展】 q 小段文本的引用q小段引用 功能：自动添加引号 cite 对参考文献的引用cite当属性: 1、属性值不会显示到页面 2、普通浏览器不会识别 3、阅读浏览器识别，告知来自哪里 cite当标签： 1、文献的引用（斜体） 2、搜索引擎可以识别，内容来自于哪里 abbr 对缩写词的引用abbr缩写 title的属性值是展示到页面的内容 注：只有鼠标移动到abbr的元素内容是title属性值才显示 strong 重要的文本 b 应突出显示的文本strong和b的区别： 1、普通浏览器不会识别，所有的文本都会加粗 2、阅读浏览器识别，strong会加重读音/语气 3、搜索引擎会识别strong（即增加元素呢的权重） em 强调的文本 i 应区别对待的文本em和i的区别： 1、普通浏览器无区别 2、阅读浏览器的区别，em会加重读音 3、搜索引擎会识别em（即增加元素内容的权重） 批量修改快捷键：ctrl+d 批量复制（内容不同）：选中要复制的内容（多个）alt+双击（选择） 实体字符实体字符的书写格式为 &实体名称；或 &#实体编号； 以 & 开始 分号结束 常见的实体字符如下： 显示结果 描述 实体名称 实体编号 空格 & nbsp; & #160; 大于符号 & gt; & #62; & 并且符号 & amp; & #38; © 版权符号 & copy; & #169; 在HTML中，空格的大小取决于你当前所在的标签的字体大小。空白折叠：在html代码中，按多个空格和回车会合并成一个空格 如何实现多个空格？ 解决方式：实体字符 书写格式：&开始 分号结束 使用外部样式表CSS代码在一个独立的文件中，HTML通过link元素引入到页面 使用外部样式表的特点： 实现了内容结构和表现形式代码分离，方便维护、复用和修改 使HTML代码更加纯净，有利于程序员和搜索引擎的阅读 是开发页面的常见做法 使用内部样式表将CSS代码写到HTML文档的style标签中 使用内部样式表的特点： 没有了样式表文件，在某些时候可以提升效率 多个页面难以共享样式，不利于代码复用 HTML和CSS代码混杂，不利于程序员和搜索引擎阅读 在某些对效率要求苛刻或测试的场景下使用 使用行内样式表CSS代码写在某个元素开始标记的style属性中，行内样式不写选择器 使用行内样式表的特点： 没有了样式表文件，在某些时候可以提升效率 多个页面难以共享样式，不利于代码复用 HTML和CSS代码混杂，不利于程序员和搜索引擎阅读 留给JS使用，JavaScript操作的是行内样式 测试的场景下使用 @import只能引用css文件 |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |