码迷,mamicode.com
首页 > Web开发 > 详细

HTML基础标签图片文本超链接列表表格表单介绍

时间:2020-02-12 00:34:43      阅读:107      评论:0      收藏:0      [点我收藏+]

标签:占位符   title   col   class   span   style   content   图片格式   鼠标移动   

1.HTML基础标签图片常见代码形式<img src="图片路径地址" alt="属性名" title="占位符">常见的图片格式为以下三种:.jpg(图片有损压缩,影响画质)、.png(图片无损压缩、容积大、具有透明通道)、.gif(动图)。图片路径地址分为本地图片和网络图片,本地图片中分为绝对路径(从盘符开始算起)和相对路径(从当前路径算起),相对路径属于平级关系,如果图片相对于上一级,表现形式为"../"在<img src="图片路径地址" alt="属性名" title="占位符">中,alt="属性名"是当图片无法正常展示出来时显示的文字,title="占位符"是鼠标移动到图片上展示出来的提醒文字。
2.HTML基础标签文本分为这个段落<p></p>标题h1-h6的展示代码如下:
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <title>Document</title>
 7 </head>
 8 <body>
 9     <h1>标题1</h1>
10     <h2>标题2</h2>
11     <h3>标题3</h3>
12     <h4>标题4</h4>
13     <h5>标题5</h5>
14     <h6>标题6</h6>   
15 </body>
16 </html>

 

HTML基础标签图片文本超链接列表表格表单介绍

标签:占位符   title   col   class   span   style   content   图片格式   鼠标移动   

原文地址:https://www.cnblogs.com/dhnblog/p/12297501.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!