-
HTML---title标签
2019-01-27 10:49:21标签位于&amp;amp;lt;/head&amp;amp;gt;标签前面， &amp;amp;lt;meta charset=&amp;quot;UTF-8&amp;quot;&amp;amp;gt;后面。 作用是定义浏览器上面标签页的名称。...展开全文<title>标签位于</head>标签前面，<meta charset="UTF-8">后面。
作用是定义浏览器上面标签页的名称。
-
设置图像的title_图像标签&&标签属性
2021-01-14 14:25:31图像是网页构成中最重要的元素之一，美观的图像会为网站增添生命力，...标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。3.任何...展开全文图像是网页构成中最重要的元素之一，美观的图像会为网站增添生命力，同时也可以加深用户对网站风格的印象。
标签属性
使用HTML制作网页时，如果想让HTML标签提供更多的信息，可以使用HTML标签的属性加以设置。其基本语法格式如下：
内容 标签名>
在上面的语法中，
1.标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。
2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
3.任何标签的属性都有默认值，省略该属性则取默认值。
采取键值对——key="value" 的格式
比如:
表示：设置 属性：宽度 、值：400图像标签img
HTML网页中任何元素的实现都要依靠HTML标签，要想在网页中显示图像就需要使用图像标签
。
其基本语法格式如下：
img标签的几个常用属性：
Doument 基本图像插入方式
alt属性
title属性
width/height属性
border属性
注意：
- src属性用于指定图像文件的路径和文件名，他是img标签的必备属性。
- URL指存储图像的位置，可以是本地计算机上的图片地址，也可以是互联网上图片的地址。
- 一般情况下由于图片会自动等比缩放，强行设置宽高会使页面失真，因此通常，宽和高设置一个就够了。
-
设置图像的title_图像标签&&标签属性
2021-01-12 09:32:04快关注我，一起学习吧~图像是网页构成中最重要的元素之一，美观的图像会为网站增添生命力，同时也可以...标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。2.属性之间不分先后顺序，标签名与属性、属性...展开全文快关注我，一起学习吧~
图像是网页构成中最重要的元素之一，美观的图像会为网站增添生命力，同时也可以加深用户对网站风格的印象。
标签属性
使用HTML制作网页时，如果想让HTML标签提供更多的信息，可以使用HTML标签的属性加以设置。其基本语法格式如下：
内容 标签名>
在上面的语法中，
1.标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。
2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
3.任何标签的属性都有默认值，省略该属性则取默认值。
采取键值对——key="value" 的格式
比如: 表示：设置 属性：宽度 、值：400
图像标签img
HTML网页中任何元素的实现都要依靠HTML标签，要想在网页中显示图像就需要使用图像标签
。
其基本语法格式如下：
img标签的几个常用属性：
属性 属性值 描述 src URL 图像的路径 alt 文本 图像不能显示时的替换文本 title 文本 鼠标悬停时显示的内容 width 像素 设置图像的宽度 height 像素 设置图像的高度 border 数字 设置图像边框的宽度 <html> <head> <meta charset="utf-8" /> <title>Doumenttitle> head> <body> 基本图像插入方式<br /> <img src="img/logo.png"/><br /> alt属性<br /> <img src="img/logo1.png" alt="这是我的小logo！"/><br /> title属性<br /> <img src="img/logo.png" title="我是一个logo~~"/><br /> width/height属性<br /> <img src="img/logo.png" width="300"/><br /> border属性 <br /> <img src="img/logo.png" border="10"/><br /> body>html>
注意：
src属性用于指定图像文件的路径和文件名，他是img标签的必备属性。
URL指存储图像的位置，可以是本地计算机上的图片地址，也可以是互联网上图片的地址。
一般情况下由于图片会自动等比缩放，强行设置宽高会使页面失真，因此通常，宽和高设置一个就够了。
END
往期推荐
常用文本格式化标签
div && span 标签
HTML常用排版标签
初识HTML
-
显示标题标签「Show Title Tag」-crx插件
2021-03-09 15:21:161.5中的更改-错误修正：修正了长标题会使背景看起来不正确的错误-错误修正：修正了标题过长（超过75个字符）会在标题前出现一些文本的错误-安全性：修正了其中html内的html的错误将标题标签注入“标题”选项卡1.4版... -
骨架标签及常用标签
2020-07-03 18:01:08标签位于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 标准规范，必需在开头处声明文档类型，只有这样浏览器才能按指定的文档类型进行解析。 <html> 标签： 作用：网页的根节点。 <head> ...展开全文<!DOCTYPE>声明文档类型，告诉浏览器以
HTML5的标准去解析页面。<!DOCTYPE>标签位于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 标准规范，必需在开头处声明文档类型，只有这样浏览器才能按指定的文档类型进行解析。<html>标签：作用：网页的根节点。
<head>标签：作用：用于存放
title,meta,style,script,link等标签。辅助浏览器解析页面，并不会在页面中展示。<title>标签：作用：让页面拥有一个属于自己的标题。
<body>标签：作用：页面的主体部分，用于存放网页要展示的标签
p,h,a,img等。注意：在
<body>中多个空格或者换行符，会被当做一个空格来处理。<meta>标签设置网页的元数据，不同的属性会使
<meta>标签具备不同的功能。-
<meta charset="utf-8" />指定字符集编码utf-8(优化后的全球码) -
用于设置关键字
<meta name="keywords" content="xxx" /> -
用于设置描述信息
<meta name="description" content="xxxx" />
utf-8 是目前最常用的字符集编码方式，常用的字符集编码方式还有 gbk 和 gb2312。gb2312 包括 6763 个汉字。GBK 包含全部中文字符，是 GB2312 的扩展，加入对繁体字的支持，兼容 GB2312。UTF-8 则包含全世界所有国家需要用到的字符。
标题标签
<hn> 标题文本 </hn>在
html中一共有 6 级标题。<h1>、<h2>、<h3>、<h4>、<h5>和<h6>。依据重要性依次递减。<h1>是最大的标题，一般在页面中只能出现一次。其他的无所谓。段落标签
<p>文本内容</p>在网页中要把文字有条理地显示出来，离不开段落标签，就如同我们平常写文章一样，整个网页也可以分为若干个段落，是
HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。水平线标签
<hr /> <!-- 单标签 -->在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单地通过标签来完成，
<hr />就是创建横跨网页水平线的标签。换行标签
<br />在
HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后自动换行。如果希望某段文本强制换行显示，就需要使用换行标签。divspan标签<div>这是头部</div> <span>今日价格</span>divspan是没有语义的，是我们网页布局常用的 2 个标签。图像标签
<img src="图像URL" />HTML网页中任何元素的实现都要依靠HTML标签，要想在网页中显示图像就需要使用图像标签。src属性用于指定图像文件的路径和文件名，他是img标签的必需属性。alt属性用于指定图片未找到时，显示的内容。jpgpngsvggif是图片的格式。路径
相对路径和绝对路径
相对路径
-
相对当前文件
-
同一级目录下，输入图像文件的名称即可
<img src="avatar.jpg" />。 -
图像文件位于当前文件的下一级目录：输入文件夹名和文件名，之间用
/隔开，如<img src="img/avatar.jpg" />。 -
图像文件位于当前文件的上一级目录：在文件名之前加
../，如果是上两级，则需要使用../ ../，以此类推，<img src="../avatar.jpg" />。
绝对路径
- 本地绝对路径
D:\web\img\avatar.jpg- 网络路径
https://gss2.bdstatic.com/9fo3dSag_xI4khGkpoWK1HF6hhy/baike/w%3D268%3Bg%3D0/sign=586984b5572c11dfded1b8255b1c05ed/bd3eb13533fa828b9caedeb5fd1f4134960a5ad2.jpg<!-- 本地绝对路径 --> <img src="H:/html+css课程/01-html/mydev/bf.png" alt="sorry,图片未找到" /> <!-- 网络路径 --> <img src="https://gss2.bdstatic.com/9fo3dSag_xI4khGkpoWK1HF6hhy/baike/w%3D268%3Bg%3D0/sign=586984b5572c11dfded1b8255b1c05ed/bd3eb13533fa828b9caedeb5fd1f4134960a5ad2.jpg" alt="sorry,图片未找到" /> <!-- 相对路径,相对当前文件所在的目录 --> <!-- 同级目录 --> <img src="bf.png" alt="sorry,图片未找到" /> <!-- 下级目录 --> <img src="img/bf.png" alt="sorry,图片未找到" /> <!-- 上一级目录 --> <img src="../bf.png" alt="sorry,图片未找到" /> <!-- alt 属性 用来表示 图片未找到时 所显示的内容 -->链接标签
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>在
HTML中创建超链接非常简单，只需用链接标签环绕需要被链接的对象即可。href：用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能。 Hypertext Reference 的缩写，意思是超文本引用。target：用于指定链接页面的打开方式。-
_self为在当前窗口打开（默认值）。 -
_blank为在新窗口中打开方式。
注意：
-
外部链接 直接链接网络路径即可。
-
内部链接 直接链接内部页面名称即可，比如
<a href="index.html"> 首页 </a>。
-
如果当时没有确定链接目标时，通常将链接标签的 href 属性值定义为
href="#"，表示该链接暂时为一个空链接。 -
不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。
<!-- 当前窗口跳转 --> <a href="https://www.baidu.com/">百度</a> <a target="_self" href="https://www.baidu.com/">百度</a> <!-- 新窗口跳转 --> <a target="_blank" href="https://www.baidu.com/">百度</a> <!-- 点击图片跳转 --> <a href="https://www.baidu.com/"> <img src="bf.png" alt="sorry,图片未找到" /> </a>列表标签
无序列表
ul无序列表的各个列表项之间没有顺序级别之分，是并列的。其基本语法格式如下：
<ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> ...... </ul>比如下面这些，新闻是没有顺序的，不用排队，先到先得，后发布先显示。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4nKc3fsP-1593770248576)(https://i.loli.net/2019/07/22/5d355c8a6941286724.png)]
注意
-
列表具有严格的嵌套关系
-
<ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。 -
<li></li>之间相当于一个容器，可以容纳所有元素。 -
无序列表会带有自己样式属性，但是我们通常不使用自带样式。
有序列表
ol有序列表即为有排列顺序的列表，其各个列表项按照一定的顺序排列定义，有序列表的基本语法格式如下：
<ol> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> ...... </ol>所有特性基本与
ul一致。但是实际工作中，较少用ol。自定义列表
自定义列表常用于对术语或名词进行解释和描述，自定义列表的列表项前没有任何项目符号。其基本语法如下：
<dl> <dt>名词1</dt> <dd>名词1解释1</dd> <dd>名词1解释2</dd> ... <dt>名词2</dt> <dd>名词2解释1</dd> <dd>名词2解释2</dd> ... </dl>
-
-
div中的p标签于img设置同一水平_div+css中如何让两个元素位于同一水平线
2020-12-23 07:31:05div中有三个元素：两个图片，一个文本，图片用的标签，文本的span但与其他的两个标签不在同一水平上，它自动换了行(看图).home-page{border-bottom-color: #dfdfdf;border-bottom-style: solid;border-bottom-width:... -
Jquery .hover显示位于foreach循环内的li标签中的所有箭头glyphicons
2016-01-25 07:20:41post_title; ?><span class="hover-arrow-right"><i class="fa fa-chevron-right"></i></span> </li> </a> <?php endforeach; ?> </ul> </nav>... -
meta标签
2017-09-28 15:38:001.位置 META标签是HTML标记HEAD区的一个关键标签，它位于HTML文档的<head>和<title>之间，它提供的信息虽然用户不可见，但却是文档的最基本的元信息。2.定义 META标签用来描述一个HTML网页文档的属性... -
META标签
2018-04-09 11:04:12META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的... -
Meta标签
2019-07-18 14:11:48它位于HTML文档头部的head标记和title标记之间，它提供用户可不见的信息。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他web服务。 1.声明文档使用的字符编码 <meta charset="UTF... -
html标签
2016-04-13 10:44:00META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的... -
通过JS修改标签title属性设置鼠标悬浮提示字段效果，火狐，IE8，IE9，360那什么内核 完美兼容。...
2012-03-23 15:43:00//所要改变的标签（需小写）!// var qTipX = 10; //弹出窗口位于鼠标左侧的距离。// var qTipY = 15; //弹出窗口位于鼠标下方的距离。// tooltip = { name: "qTip", offsetX: qTipX, offsetY: qTipY, ... -
meta标签详解
2019-10-06 09:42:16很多人却忽视了HTML标签META... META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主... -
HTML标签总结
2017-07-04 16:24:11地址信息代码可用于大段代码插入,保留缩进换行格式caption标签相当于表格的title,位于表格上方a标签mailto邮件功能:(多个收件(抄送)人使用;分隔) 发邮件给我们img标签alt属性在图片展示不成功时在图片位置显示,ti -
HTML简单标签
2021-03-29 09:34:03必须是 HTML 文档的第一行，位于 标签之前。 2，<!--...--> 标签 注释标签。…代表注释内容，不会在浏览器中显示。 3，<a> 标签 定义超链接，用于从一张页面链接到另一张页面。 4，<body> 标签 ... -
Meta标签详解
2011-09-07 12:23:15META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和<TITLE>标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于... -
SEO优化的10个正确做法
2010-12-24 14:56:42位于HTML代码头部的title标签很容易被人忽略，的确，即使没有设置合理的title标签，页面内容也照样可以浏览，并不会缺失什么，也不会有太多人会在意，但对于搜索引擎而言，页面的title标签实在是太重要了，当某人... -
bootstrap的td可以增加title样式_3.CSS样式的三种使用方式
2020-12-28 19:55:48嵌入式样式表内嵌式是将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义，其基本语法格式如下语法中，style标签一般位于head标签中title标签之后，也可以把他放在HTML文档的任何地方。type... -
标签详细描述
2019-09-29 13:15:46标签之前 指示web浏览器关于页面使用那个HTML版本进行编写的指令 2：<title> 浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样，当把文档加入用户的链接列表或者... -
移动前端不得不了解的HTML5 head 头标签 —— Meta 标签
2018-06-02 16:52:00meta标签是HTML中head头部的一个辅助性标签，它位于HTML文档头部的 <head> 和 <title> 标记之间，它提供用户不可见的信息。虽然这部分信息用户不可见，但是其作用非常强大，特别是当今的前端开发工作中... -
HTML中meta标签详解；property=og标签详解
2016-04-06 10:26:29META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的... -
HTMl中Meta标签详解以及meta property=og标签含义
2020-07-08 08:45:11META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的...
