精华内容
下载资源
问答
  • HTML---title标签

    2019-01-27 10:49:21
    标签位于</head>标签前面, <meta charset="UTF-8">后面。 作用是定义浏览器上面标签页的名称。...

    <title>标签位于</head>标签前面, <meta charset="UTF-8">后面。
    作用是定义浏览器上面标签页的名称。

    展开全文
  • 图像是网页构成中最重要的元素之一,美观的图像会为网站增添生命力,...标签可以拥有多个属性,必须写在开始标签中,位于标签名后面。2.属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。3.任何...

    图像是网页构成中最重要的元素之一,美观的图像会为网站增添生命力,同时也可以加深用户对网站风格的印象。

    标签属性

    使用HTML制作网页时,如果想让HTML标签提供更多的信息,可以使用HTML标签的属性加以设置。其基本语法格式如下:

    内容 标签名>

    在上面的语法中,

    1.标签可以拥有多个属性,必须写在开始标签中,位于标签名后面。

    2.属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。

    3.任何标签的属性都有默认值,省略该属性则取默认值。

    采取键值对——key="value" 的格式

    比如:


    表示:设置 属性:宽度 、值:400

    图像标签img

    HTML网页中任何元素的实现都要依靠HTML标签,要想在网页中显示图像就需要使用图像标签

    其基本语法格式如下:

    img标签的几个常用属性:

    8f95efd4d9d1d0f90c98ba7947d6d66f.png
          Doument        基本图像插入方式

    alt属性

    title属性

    width/height属性

    border属性

    5dca6a12be91a1c899c28f7e25337663.png
    8ca27811418862e9c0f53971d9d69be4.png

    注意:

    • src属性用于指定图像文件的路径和文件名,他是img标签的必备属性。
    • URL指存储图像的位置,可以是本地计算机上的图片地址,也可以是互联网上图片的地址。
    • 一般情况下由于图片会自动等比缩放,强行设置宽高会使页面失真,因此通常,宽和高设置一个就够了。
    展开全文
  • 快关注我,一起学习吧~图像是网页构成中最重要的元素之一,美观的图像会为网站增添生命力,同时也可以...标签可以拥有多个属性,必须写在开始标签中,位于标签名后面。2.属性之间不分先后顺序,标签名与属性、属性...

    快关注我,一起学习吧~

    图像是网页构成中最重要的元素之一,美观的图像会为网站增添生命力,同时也可以加深用户对网站风格的印象。

    标签属性

    使用HTML制作网页时,如果想让HTML标签提供更多的信息,可以使用HTML标签的属性加以设置。其基本语法格式如下:

     内容 标签名>

    在上面的语法中,

    1.标签可以拥有多个属性,必须写在开始标签中,位于标签名后面。

    2.属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。

    3.任何标签的属性都有默认值,省略该属性则取默认值。

    采取键值对——key="value" 的格式

    比如:  表示:设置  属性:宽度 、值:400 

    图像标签img

    HTML网页中任何元素的实现都要依靠HTML标签,要想在网页中显示图像就需要使用图像标签

    其基本语法格式如下:

    img标签的几个常用属性:

    属性属性值描述
    srcURL图像的路径
    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>

    1511405414ed241511e6cf0e000ac626.png

    683a4153c03720b28cfd14962aa1ea78.png

    注意:

    • src属性用于指定图像文件的路径和文件名,他是img标签的必备属性。

    • URL指存储图像的位置,可以是本地计算机上的图片地址,也可以是互联网上图片的地址。

    • 一般情况下由于图片会自动等比缩放,强行设置宽高会使页面失真,因此通常,宽和高设置一个就够了。

    END 

    往期推荐

    • 常用文本格式化标签

    • div && span 标签

    • HTML常用排版标签

    • 初识HTML

    8ed333ee58c720b660fce5d6237a255b.png

    展开全文
  • 1.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中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后自动换行。如果希望某段文本强制换行显示,就需要使用换行标签。

    div span 标签

    <div>这是头部</div>
    <span>今日价格</span>
    

    div span 是没有语义的,是我们网页布局常用的 2 个标签。

    图像标签

    <img src="图像URL" />
    

    HTML 网页中任何元素的实现都要依靠 HTML 标签,要想在网页中显示图像就需要使用图像标签。

    src 属性用于指定图像文件的路径和文件名,他是 img 标签的必需属性。

    alt 属性用于指定图片未找到时,显示的内容。

    jpg png svg gif 是图片的格式。

    路径

    相对路径和绝对路径

    相对路径

    • 相对当前文件

    • 同一级目录下,输入图像文件的名称即可 <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中有三个元素:两个图片,一个文本,图片用的标签,文本的span但与其他的两个标签不在同一水平上,它自动换了行(看图).home-page{border-bottom-color: #dfdfdf;border-bottom-style: solid;border-bottom-width:...
  • post_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:00
    1.位置 META标签是HTML标记HEAD区的一个关键标签,它位于HTML文档的<head>和<title>之间,它提供的信息虽然用户不可见,但却是文档的最基本的元信息。2.定义 META标签用来描述一个HTML网页文档的属性...
  • META标签

    2018-04-09 11:04:12
    META标签是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:00
    META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间,它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的...
  • //所要改变的标签(需小写)!// 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:15
     META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的标记和<TITLE>标记之间,它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它可以用于...
  • 位于HTML代码头部的title标签很容易被人忽略,的确,即使没有设置合理的title标签,页面内容也照样可以浏览,并不会缺失什么,也不会有太多人会在意,但对于搜索引擎而言,页面的title标签实在是太重要了,当某人...
  • 嵌入式样式表内嵌式是将CSS代码集中写在HTML文档的head头部标签中,并且用style标签定义,其基本语法格式如下语法中,style标签一般位于head标签中title标签之后,也可以把他放在HTML文档的任何地方。type...
  • 标签详细描述

    2019-09-29 13:15:46
    标签之前 指示web浏览器关于页面使用那个HTML版本进行编写的指令 2:<title> 浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者...
  • meta标签是HTML中head头部的一个辅助性标签,它位于HTML文档头部的 <head> 和 <title> 标记之间,它提供用户不可见的信息。虽然这部分信息用户不可见,但是其作用非常强大,特别是当今的前端开发工作中...
  • META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间,它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的...
  • META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间,它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的...

空空如也

空空如也

1 2 3 4 5 ... 14
收藏数 279
精华内容 111
关键字:

title标签位于