初学HTML 常见的标签(三) 列表标签

  第三篇博客, 这次说的是插入链接类标签, 我们平常在网页中经常能看到蓝色的链接类标签, 或者是一张图片, 一个电邮, 这些都是插入链接类的标签起的作用.

  <a></a>链接标签

  <a>链接标签可实现超链接, 它在网页中是无处不在的, 只要有链接的地方, 就会有这个标签, 它的语法和其他的标签不太相同, 对于初学者而言, 刚开始学的时候毕竟初学者并不在标签中添加属性等等, <a>的语法是 <a href = "目标网址" title = "鼠标滑过显示的文本" target = "_blank">链接显示的文本</a>. title这个属性是指鼠标滑过链接的文字时显示的, 这个的实际作用很大, 方便了搜索引擎了解链接地址的内容, 专业点就是语义化更加的友好, 在实际的开发中这个是一定要的哦. 默认的样式会是蓝色, 同样的, 在css学习之后可以修改. target这个属性"_blank"是说在新窗口打开, 也就是弹出一个新的, 这样在使用中的用户体验还是很不错的.

  mailto也是<a>标签中的一个特色, 可以给指定的账户发送邮件, 并添加好具体的抄送主体内容等信息, 但是个人感觉在实际的开发中作用并不是很大. 所以不多介绍了, 有兴趣的大家可以百度百度.


  <img>图片标签

  <img>标签在网页的制作中必不可少, 为了保证网页的多姿多彩, 绚丽缤纷, 图片的插入是必不可少的, 而这个时候, 就可以通过插入图片标签来完成了. 图片插入的语法和链接的语法很类似:<img str = "图片地址" alt = "加载失败时显示的文本" title = "提示文本">, title同上不解释, alt是指图像的描述性文件, 也就是当图片加载不成功的时候, 可以看到这个属性设置的文字. 图片可以是GIF, PNG, JPEG等格式.

  这些都是简单的布局标签, 也是最最基础的标签, 以后会写更复杂的, 初一简单的写了写, 也留着为自己以后的复习看, 祝大家新年快乐, 心想事成, 万事如意.

时间: 2024-10-05 03:11:53

初学HTML 常见的标签(三) 列表标签的相关文章

初学HTML 常见的标签(二) 列表标签

上次介绍了一些简单的文本标签设计, 这篇介绍列表类标签, 通过列表能写出很好看的, 多元化的网络页面. ul-li 列表标签 <ul> <li>列表1</li> <li>列表2</li> </ul> ul-li在网页中显示的默认样式一般为:每项li前都带一个圆点, 所以ul-li是没有序号的信息列表, 不存在前面的1, 2, 3等等的序号为其排序. ol-li 列表标签 <ol> <li>有序列表1</l

3.1.1图片标签和列表标签

一,插入图片标签<img src=图片的地">img常用的标签 属性 说明 src 图像的源文件 alt 提示文字 width,height 高度,宽度 border 边框 vspac 垂直间距 hspace 水平间距 二,建立有序列表 原文地址:https://blog.51cto.com/14224115/2370095

3.2图片标签和列表标签的实例

原文地址:https://blog.51cto.com/14224115/2372060

前端 http协议 四大特性 web本质 -响应状态码 列表标签 表单操作 form表单 # 44

1.前端简介 1 """""" 2 """前端:""" 3 """和python没有任何关系""" 4 5 1.什么是前端? 6 任何与用户直接打交道的操作界面都可以称之为前端 7 比如 : 电脑界面 手机界面 平板界面 8 9 2.什么是后端? 10 暂时先理解成,幕后操作者 11 不直接与用户打交道 12 13 3.为什么要

HTML常用标签之超链接标签

前面学习过了格式标签和文本标签, 本章开始学习超链接标签 三. 超链接标签 1. 分类: 超链接标签分为相对URL和绝对URL 2. 作用: 相对URL: 指向站点内的某个文件(例如: 跳转到xxx.html) 绝对URL: 指向另一个站点 (例如: 跳转到http://www.baidu.com) 3. 属性作用: <a href=" "></a> <!-- 提供 href 属性或 name 属性, 标签的 href 属性用于指定超链接目标的 URL -

初学HTML 常见的标签

最近做iOS开发的过程中, 发现要涉及到JS和原生OC(Swift)的交互, 作为一个Developer, 本着克服一切问题的原则, 开始学习HTML, 在这里记录下自己的学习笔记, 方便以后的复习, 和新手初学的参考. HTML不同于过去学过的各种面向对象语言, 函数式语言, 它不像其他语言有明确的上下文的逻辑关系. 所以并不像其他语言一样需要有什么特定的基础, 希望这句话能让你远离学习过别的语言的阴影. HTML和CSS以及JavaScript的关系 1. HTML是网页内容的载体.内容就是

(三)HTML中的列表标签、框架集及表单标签

一.HTML的列表标签 在网页中,经常可以看到,有的内容排列如同word里面的项目编号,这就是HTML的无序排列和有序排列起到的作用.. HTML之无序排列:<ul></ul> 例子:<ul type="??"> // type的属性值可以为:disc---->实心黑色圆:circle---->空心圆:square---->实心正方形. <li>河南理工大学</li> <li>河南工业大学<

HTML:几个常见的列表标签

介绍: 在网页中列表是很常见的标签,主要分为有序标签.无序标签.列表嵌套.定义标签 有序标签:<ol><li></li><ol> 无序标签:<ul><li></li></ul> 列表嵌套: <ul><li><ul><li></li></ul></li></ul>.   <ul><li><

一、变量.二、过滤器(filter).三、标签(tag).四、条件分支tag.五、迭代器tag.六、自定义过滤器与标签.七、全系统过滤器(了解)

一.变量 ''' 1.视图函数可以通过两种方式将变量传递给模板页面 -- render(request, 'test_page.html', {'变量key1': '变量值1', ..., '变量keyn': '变量值n'}) -- render(request, 'test_page.html', locals()) # locals() 就是将视图函数中的所有变量都传递给模板页面 2.模板页面中对变量的使用 def dtl(request): num = 3.14 ss = '大碗宽面' #