a href是行标签吗

a 标签， a 标签呢？就是用于指定在网页中的链接是吧？那一旦网页中有链接，它背后一定有 a 标签啊，我们暂时先把这些属性全部删掉，留一对这个空标签就行了。 那为什么又叫 a 标签呢？ a 标签它是什么？它是链接是吧？链接本来叫毛链接，毛链接是吧？本来叫毛链接，这个毛它的英文里是 anchor， 是吧？ anchor， 哎，这样不就清楚了吗？对吧？它的第一个字母是 a， 然后它就简化为这个 a 了，对吧？啊？它就是其实是毛链接的意思， 那好，现在我们试一下，我们自己指定一个链接网络测试啊，网络测试，好，我们保存。把这个文件打开是吧？把这文件在浏览器里头打开刷新，哎， 我们点击，哎，他没有反应，大家发现为什么呢？为什么没有反应？因为我们这个标签他不知道你要跳转到哪个地址去，我们网络上有千千万万的地址，然后他根本就不知道要去哪里，所以说你是在难为他，对吧？ 那这个时候呢，我们就要明确的指定，哎，我点你的时候你要去哪里？我们要指定一个，呃，这个属性，哎，底下你看他帮我这个补全了，是吧？ hr ef 是吧？ herraf， 那这个的全称呢？应该是这个 hypertox reference 是吧？但是那个实在是太长了，是吧？他就把这个简化成这个了，是吧？好，那比如说我们随便指定一个网站是吧？ http， 百度点 clm 这个网站呢？他是一个咱们做测试网络的，是吧？速度非常快，给大家推荐一下。好，我们把这个，哎，我刷新一下啊，刷新页面，哎，这时候大家看他的样式也变了，对吧？哎，他就像一个链接一样，是吧？虽然比较丑，那是因为我们没有加样式，是吧？但是他功能是没问题的，对吧？我们试一下啊， 哎，他就跳转到这一页了，是吧？大家会发现这个速度非常快，是吧？非常好用啊。那这个时候呢，我们要告诉大家这个他这个属性是什么意思，是吧？那这个是一个标签，那他标签里头他可以有属性，那什么叫属性呢？比如说，哎，有一个标签呢？他叫 人，是吧？那人有什么属性呢？比如说名字是吧？名字姓名吧，是吧？体面一点，姓名，哎？等号，然后这个引号是吧？这是王花花是吧？王花花 是年龄说十八吧，是吧？十八，哎，他发现那这一整个他是可以说他是一个对象，是吧？他是他是一个对象，然后呢，这个对象他有什么属性呢？他有姓名的属性，他有年龄的属性，是吧？啊？他 每一个属性呢？都可以有一个值，是吧？比如说，哎，姓名叫王花花，年龄日，是吧？哎，发现这种概念在我们生活中随处可见，是吧？只不过我们在做网页的时候，我们需要用这样的格式，这样的语法，哎，写给浏览器去看，是吧？虽然你知道你懂，但是浏览器他不懂啊，对吧？所以你需要用浏览器能看懂的语法， 告诉浏览器你要干什么，对吧？好的，那这个就是属性的一个作用，是吧？属性的一个作用，一个标签，他可以有多个属性，是吧？这个属性不是我们说了算的，对吧？那有一些属性，如果说我们自产自销当然可以，是吧？我们随便编一个属性，只要和他的原声属性不冲突也可以，但是一般来说啊，不需要。那我们现在呢还可以用到一个非常常用的他的原声属性 做 target 是吧？ target 这个呢就是用于指定啊，在我们打开这个地址的时候，在哪一页打开？是在当前一页打开呢？还是新建一个标签页打开是吧？我们说 target， 那他默认是什么呢？ self 是吧？ self 啊，就是在当前这个标签页打开啊，我们就试一下啊，再再试一次，我们点击的时候，大家发现，哎，这个啊， 这标签页并没有变得更多，是吧？他就是在当前页打开覆盖掉了，对吧？好的，那我们如果把这个变成一个 blank 是吧？ blank 啊，就这 blank 的意思就是空白是吧？在一个新标签页空白页打开 啊，那我们刷新，然后呢再点一次，哎，大家发现那我们这页还在，是吧？但是这个链接呢，他就从新的一个标签页打开了啊，大家到底用哪个呢？那这个根据实际情况决定是吧？好的，那这个呢，就是 a 标签。

大家好，我们这节呢来学习一些好玩的标签，就是图片标签和超链接标签。那么超链接标签是什么呢？其实他很好理解啊，就是从一个网页跳转到另一个网页的一个标签，这就是他的功能。那他的一些 基础语法呢？就是一个 a， 它的标签名是 a。 然后呢，有一个 herf 属性， herf 属性就是往哪里去跳的意思， 也就是指定要去的地方，它还有一个 target 属性，就是当我跳到另一个界面的时候，我是打开一个新的窗口，还是在当前界面去跳转。我们用代码来演示一下。 好，我们和以前一样，打开我们的 vs code 编辑器，然后创建一个文件，叫 index， 点儿 t 描创建文件，然后写好我们的 i t 描五的基本文档结构。 这些都不用说什么了，应该大家都非常熟了。然后呢，在 body 里我写一个 a 标签， a 标签呢，有一个 herf 属性。比如说我们要往哪跳啊？我们要往百度跳，我就 attp 斜杠三 w 点百度点 com。 注意这个地方啊，前面有一个 s t t p 的协议，如果我们不加这个 s t t p， 直接输这个三 w 点儿。百度的域名，他能不能跳过去呢？我们可以试一下，我们写两个表情，就把这个 it p 的去掉，百度一下。那下面那个呢，就叫测试，看能不能跳转过去。然后呢，我们运行， 运行之后大家看一下，注意这块是不有两个两段文字啊，这两段文字并且有一个下滑线，就是一种可以点击的感觉对吧？这就是 a 标签的一个默认样式，当然这个样式我们后期也是可以去除掉的。 那当我点击这个百度一下的时候，大家看一下，哎，我是不是直接跳到百度来了，看我的域名是不，百度点 com 啊。 好，我先后退啊，后退到我自己的这个网页去。那说明我们这个加了 x t p 协议的，这个地址是不可以往过跳啊。那么后面这个能不能跳呢？我点一下大家看。无法访问您的 文件。就是一，其实就是意思没有找到文件。我们再看一下这个地址，这个地址在哪啊？这个地址其实是在我本机的一个地址， 就是我本地的一个目录里，那我他会去找我本地的目录，看有没有这样的一个文件。那我们当然本地目录是没有这样的文件，所以肯定是找不到的对吧。所以呢，这个就是我们的一个 a 标签， 其他非常简单啊，没有什么很复杂的，我们只需要知道它的属性含义是什么就可以了。那这个 target 是什么呢？我们来试一下。我们给这个百度一下，设置一个 target， 然后呢设置一个 blank。 blank 是啥意思啊？我们看在新窗口打开对吧？然后我们直接刷新界面运行， 刷新一下他就生效了。然后我们点击，大家注意我们的原网页是不是没有关闭啊，并且打开了一个新的网页。这个就是 target 属性的作用，这个非常常见吧，我们在浏览一些，比如像看京东，看淘宝的时候，我们点开一个商品，他肯定不会在当前页面跳过去， 他一般都会给我们打开一个新的页面。这个就看你的这个标签是怎么设置的啊，就跳转标签去怎么设置了好，那么它除了这个 blank 属性，是不是还有一个属性啊？ self， self 什么意思啊？在当前页打开嘛，然后我们先把这个百度关到，我们刷新一下，然后再点击这个百度一下，大家看是不是在当前页刷新了。这就是 self 的作用啊，其实它还有几个 属性啊，我们从这补全的时候应该也能看到，还有个 top 啊，还有个 parent， 但是这两个很少用的。其实我们最常用最常用的就是这个 self 和这个 blank。 当我们不设置的时候是什么？刚才我们其实已经试过了，如果不设置，他默认就是 self。 好， 这个就是我们的一个 a 标签啊，非常简单，没什么好说的。好，我们往下看。就是我们的一个锚点链接的使用。 那刚才超链接标签，其实这个 a 标签是不是又叫超链接标签啊？这只是他的一个名字啊。那超链接标签目的是什么？是不是要往从一个界面？其实就是从一个 html 界面跳转到另一个 html 界面去。 这种情况下，我们一般会用这样的一个 a 标签，它的属性就是 harf， 然后来做。那么锚点标 先是在同界面之间跳转，那什么是同界面之间啊？这个我们可能应该是用过的啊，比如我们看一些电子书的时候，左边有一个目录悬浮着对吧？第一章第二，第一节，第二节，第三节。比如说我们的网页上， 这一二三节全都显示出来了。当我点第一节，哎，他就在最顶上开始看，当我点第二节的时候，他这个界面主内容会滑下去，然后一直滑到我们的第二节去。这就是一个锚点链接的作用啊。我们现在来演示一下。我们做一个简单的锚点链接 来演示一下。好，这块呢，我们怎么做这个毛点链接的测试呢？我们先还是一样，我们写一个 a 标签，这个 harf， 我们先不设置，这就是毛 点链接， 毛点链接对吧？这个毛是哪个毛？是这个毛点链接。 好，那为了能测试的更好呢？就我们要能看出来，我们的页面是在往下上往下滑动的，因为我们是在同一个页面的跳转。我们首先要把页面的这个滚动条给他做出来。那我先随便写个标题 h 一对吧。然后我写很多个 h 一标题，哎，比如我写了这么多的标题，大家先看一下效果啊。然后我刷新，刷新之后你看他是不可以往下滑动了，这没有问题对吧？然后在这些标题之间呢，我穿插一个， 嗯，往下一点啊。我是，我是最终目的地。好， 那现在我要完成一个什么样效果啊？就当我点这个锚点链接的时候，他会直接跳到这个位置，就是我是最终目的地的这个位置。我们先刷新一下界面，看一下这个目的地在哪啊，是不是在下面呢？明显 滚动条是不是要往下滚才能看到他啊。我们现在就来设置这个锚点链接。怎么设置呢？首先我们需要给这个目的地的地方给一个 id 属性， id 属性你可以随便给，但不能是中文。比如我们就叫 它给个 a， b， c， 我们就设置这样的一个 id。 然后呢，在这个 a 标签的 herf 这儿我们怎么 做啊？首先给一个井号，然后呢把 a b， c 就这个 id 的名字写上去就可以了。其实很简单啊， 这点大家注意一下，锚点链接前面是一井号，然后后面加地址来做的设置。那我们的超链接正常的链接是什么啊？前面不是井号的啊，直接就是文件名呀，或者域名这样的地方。好，我们保存， 保存之后我再刷新一下，没有什么效果。然后当我点击这个锚点链接的时候，大家看一下 看到了吗？我们是不是直接看到了我们的最终目的地啊？一般正常来说啊，这个最终目的地他一般会顶到这个最顶上去，那他为什么在这呢？因为我们后面的这个内容已经不多了，那我如果后面再多设置一些啊，你就会看到他最终目的地会在 最顶上。好，我现在又设置了好多，然后我刷新一下先，我刷新界面，刷新之后，当我点击的时候看到吗？这个最终目的地是不是就在最顶上去了？ 那我是不是还可以设置第二个目的地啊，当然也没问题。然后我把这块一拷贝，然后我从这再复制一份，我这是最终目的地二，然后呢，我这个 id 呢，我也给个 abc 二吧， 那这块我是不是要多加一个啊。锚点链接到目的地一， 然后呢？锚点链接到目的地二，那这个地方 id 是不是要改一下，这嘎跳的就是目的地二的这个 id。 然后我再保存，我刷新一下界面，然后看我点这个到目的地一，哎，是不跳到目的地一了， 然后划上去点目的第二是不到目的第二了，那这个效果其实在实际的开发中啊，是很有用的。我们后续会用它做一些例子，让大家更深入的能了解这个锚点链接在实际中是怎么应用的。好 到这步呢，我们就知道了，锚点链接是什么？就是我们学习啊，理解概念是最重要的，我们只有理解了这个概念。这个功能，我们在实际做开发做项目的时候，我们就能反映出来需要什么， 这个这个非常的重要。比如说我现在做了一个电子书，就跟我刚刚说的，我要做一个这种章节跳转的一个功能。那我们首先想到的是什么？是不就应该使用某点链接这样的东西啊，那他就很方便的给我们提供了这个功能。这就是我们 为什么要接触很多技术点的原因。不是所有的技术点都最终能用到项目里，但是当你在做项目的时候，你一定要能想到有这样的一个技术点。 好，那下一个呢？就是我们比较常见的一个图片标签。那图片标签就没什么说的，顾名思义他是干嘛的？就是显示图片用的，那他的标签名就是 mg。 然后呢，属性看一下 src， 然后里边是个什么图片地址，然后 alt 上代替文字。这个代替文字是什么意思啊？就你这个图片，如果是 地址是个错误的，就没有找到这个图片，那么我会有一个代替文字，比如说这个图片丢了啊，就像这样的一个功能。好，我们试一下下面这个，不管他了，我们就直接 从这边往下写就行了。 a 妹纸，然后 s r c 那这个图片儿呢？它有两种地址， 一种呢是网络地址，一种是本地地址，那本地地址肯定就是指的是我们当前在我们这台电脑上有一张图片，我可以直接把它给显示出来。还有一种呢，就在网络上的一张图片，我们先试一下网络地址啊，我们打开 这个百度一下，我们百度一下，哎，跳过去之后呢，我们找个网络图片，怎么找？比如你看上了某一个网页对吧，然后这个百度明显是个 logo 吧， logo 他肯定是个图片嘛。然后我右键 这里边你看有一个复制图片地址，这说明这个地址是不可以用的。我们我们点一下复制，然后我们再打开一个新窗口， 把这个地址粘到去，粘到这个浏览器的这个网址里边，然后我回车大家看是不能看到这个图片啊，如果能看到的话，就说明这张图片呢，它首先是一个网络图片，我们其实是可以使用的，我们把这个地址拿过来，因为这只是做了一个确认。 然后呢，我们回到我们的这个代码之中，我给 src 直接粘贴过来，你看我的 src 是一个什么地址啊，这是不就是一个网络地址的意思啊。然后我保存一下，保存一下，我重新运行， 我运行之后，大家看这个图片是不可以看到了，这说明什么？说明我们的 amage 标签是不是显示了一个网络图片啊。好，这个就是一个网络地址的情况，那刚才不是还有一个 l t 吗？那这个是什么意思呢？我们说了就是当图片取不到的时候，那它是不是就会爆一个这样的文字啊，那我们先设置上去吧。 l t 图片找不到。好，我们直接运行，先看一下这个字会不会显示啊。 我们刷新看这个字是没有任何显示的。为什么？因为这个图片好好的显示出来了吗？所以你那个字肯定是不会显示了。那我现在如果说把这个网址改一下，就这个随便改个啥，因为我只要一改，说明在这个网络上是没有这张图片了已经。然后看一下这个字会不会显示。 我们打开我们的浏览器，然后再刷新一下看图片，首先没了，然后这个字是不是给显示出来了，就说他图片找不到。所以 这就是这个 a l t 的一个作用啊。好，那这块儿呢？就是一个我们的 网络地址。那么关于图片的一个本地地址该去怎么显示？我们下一节讲完这个相对路径和绝对路径的时候，就我们会配合着找一个本地的图片给大家说一下这个相对路径，绝对路径是怎么去设置 本地图片的。好，那我们这节就到这里。

零基础想学前端，今天咱们来讲一下前端必学的个标签，再用一分钟教你做出一个网页，看完直接上手。 首先是这五个标签， h 为标题， p 标签作为段落， html 标签作为图片， a 标签作为链接， div 作为容器。那接下来我们来进行一下实操， 大家可以跟着我的视频来去制作，我们快速掌握并制作我们的第一个网页。 首先我们在 excel 中打开 u 文件夹，创建一个 index 的 html， 在 里面输入感叹号， 得到我们的 html 基础的文档。这时呢我们写入我们的 h 标签， p 标签，中间填充我们的文字， 然后我们引入我们的 i m g 标签，这个时候大家要注意图片要放在我们的文件夹中去引入即可。然后 a 标签呢，我们可以写一个 half 的 链接，点击它会跳转对应的网站。 最后的 diy 标签，我们可以作为一个容器，在里面放入我们想要分开的片段。最后我们在我们的浏览器中可以预览一下我们的效果，大家可以看到点击图片可以正常的显示，这些呢就是前端的拼音， 这些基础技能才是你未来的一个高度，为什么呢？首先它就像学拼音一样，我们学汉语需要先学会掌握拼音，那同样的前端开发也要先掌握 gettime 标签， 使用这些标签呢，可以让搜索引擎去理解我们页面的内容，去助力 seo 的 优化。 使用这些标签之后呢，还能让我们的代码更易读，后期修改的时候呢，也会更高效。为了这些基础标签呢，我们接下来再来学习 cssgs 的 时候会更加流畅，因为它们都是互相关联的。 如果大家想要完整的代码，欢迎在评论区扣 html， 我 会把代码私信给大家写出来的，同学也可以把代码的截屏发到评论区， 我来给大家评价一下，有问题欢迎大家讨论。

接下来介绍 reform 属性，它指的是 ref 属性所指向的链接文档的语言，这个属性只是标识作用及对于标签没有实质性的作用。 reform 属性需要结合 ref 属性一起使用，单独使用是没什么价值的，它的值不是随便写的，是有固定要求的。 具体支持的语言可以查看视频中给出的链接，我们看一下加上 reform 属性之后运行结果发现并没有影响数据的输出。接下来我们看一下密帖属性，同样它也是在有 rafter 属性的时候才有意义。属性用于规定目标。 usb 特殊设备，比如 语音或打印媒介设计的，我们可以为他设置多个字。我们简单看一下设备有哪些值，我们简单看一下操作符 w 哪些值，最后看一下属性 性质有哪些， 然后是看一下加上媒介之后运行结果发现运行之后没有任何改变。下一个要介绍的是 target to 性，他规定在何处打开目标。 url 也是仅在外属性存在时使用，目前它的只有四个，分别为视频中所示。然后我们修改代码， 加上他的属性设置值为 black。 一，在新窗口中打开保存，然后运行发现点击链接之后在新的窗口中打开了链接，而不是在当前页面直接跳转。

a 标签在 htm 当中用于定义链接，请看演示肩框号 a 开始标签，肩框号斜杠 a 结束标签，这里写链接标题，我们写百度链接，需要指定一个地址。 a 标签中 hr， e、 f 属性，设置链接地址等于号，后面写链接的具体地址需要选在双引号当中，这里我们选 https 冒号双弦杠三 w 点百度点 com 上面 a 标签的意思是链接到百度网页， 爱考顺加 s 保存，保存好以后选择文件，右击选择浏览器打开，这就是刚刚编写的 a 标签代码，我们点击百度就可以链接到百度首页，请看一链接到百度首页 再给大家演示，哎。每卷标签的定义请看肩框号 img， 我们也可以在开始标签中结束标签，有的标签可以这样写，打上斜杠就代表标签结束。 srs 是 am 者标签的一个属性，设置图片的地址等于号，后面写图片，具体地址需要写在双引号里面，我们就设置 bc 点 jpg 这张图片 f 冒号闲告 bc 点 jpg。 我们的图片是放在 f 盘跟目录下，设置好以后 考却加 s 保存爱快捷键 f 五，刷新浏览器，图片显示在这里，这是图片显示的原始尺寸，图片太大，我们把它设置小一点，请看 位置，设置图片宽度等于号，后面写宽度值，这里我们选四十像素四十需要选在双引号当中 pat 设置图片高度等于号，后面写高度值，这里我们写二十像素。 ctrl 加 s 保存，我们按快捷键 f 五，刷新浏览器 am 卷标签的图片显示在这里，我们可以把图片修改成链接按钮，点击图片 链接到指定地址。假如点击图片链接到百度首页，现在点击图片没有任何反应，请看 我们把 amazi 标签代码复制到这里就可以了。 ht 码标签是可以健康使用，现在考这家 s 保存，我们爱 快捷键 f 五刷新浏览器，现在点击这张图片就可以链接到百度首页。点击图片链接成功。 总结一下，今天我们讲了链接标签 a 标签，图片显示标签， am 卷标签。下一节讲解 htvl 属性。

通过跨境模板快速制作合规标签跨境电商在销售商品时，通常需要为商品贴上合规的标签，那么如何快速找到对应的模板并进行标签合成呢？首先打开番茄打印管家， 找到番茄标签中的模板，选择点击模板库，找到跨境模块，这里提供了丰富的跨境标签模板，模板库的模板会实时更新， 覆盖普货、鞋类、玩具和欧代、土代等，可以根据商品品类在搜索框进行搜索。比如售卖的商品是帆布包，属于普货，可以在搜索框输入普货，然后选择合适尺寸和内容的标签模板， 点击编辑，进入标签编辑页面，模板里的制造商等信息需要替换成实际商品信息，点击文本框，将产品的信息依次填入模板内。 如果需要新增图标和警示语，编辑器左侧提供了丰富的图标和警示语，可以直接点击插入。 接着需要将模板中的条码替换成商品实际的条码，点击工具栏中的 pdf 按钮，选择从跨境平台导出的商品条码 pdf 文件，选中需要插入的条码， 点击确定即可添加到标签中。拖动条码，调整好位置和大小后，点击保存，一张规范的跨境商品标签就制作完成了。

大家好，今天我们来一起学习 html 五表单验证的一些小知识。在网页开发中，表单验证是非常重要的一环，不知道大家是否了解 html 五其实已经为表单验证提供了原声的支持，这意味着我们不需要编辑大量的 javascript 代码，就能实现一些基础的验证功能了。 那么今天我们就从一个具体的问题开始探讨。这个问题是，在 html 五中表单元素的 required 属性所触发的验证是在什么时候进行的呢？ 关于这个问题，有以下几个选项供大家思考， a 选项是页面加载时， b 选项是输入框失去焦点时， c 选项是输入内容变化时， d 选项是表单提交时。 让我们来仔细思考一下 require 属性，它是 html 五新增的一个表单验证属性，它的作用就是指定某个输入字段为 b 填项，也就是说这个字段用户必须填写内容。 好了，大家心里有答案了吗？正确答案是低选项。没错， required 属性是 html 五原声表单验证功能的一部分，它的验证时机并不是在页面加载输入框施胶或者内容变化的时候，而是当用户提交表单，也就是点击提交按钮的那一刻才会触发验证。 具体的验证过程是这样的，如果设置了 require 属性的必填项为空，也就是用户没有填写内容，那么浏览器就会阻止这个表单的提交操作，并且会显示一个默认的错误提示，这个提示文字通常会出现在输入框的附近，提醒用户需要填写该字段。 我们可以看一个简单的视力代码，就像这样写一个 input 标签，然后加上 required 属性。请大家记住， required 属性的验证仅仅是在表单提交的时候才会触发，这是 html 五原生验证一个非常重要的特性。再强调一下， required 属性验证仅在表单提交时触发，这是 html 五原生验证的重要特性。 怎么样，通过今天的学习，大家对于 html 五中 request 属性的验证时机是不是已经掌握了呢？希望这个小知识对大家有所帮助，我们下期会带来更多 html 五的实用小知识，谢谢大家！