html学习笔记之常用标签(pink老师)

最近,跟着pink老师学完了html,整理了常用标签。 首先介绍一下双标签 双标签 1.标题标签<h1>-<h6> 特点:1.作为标题使用,并且重要性依次递减 2.加了标题的文字会变得加粗,字号也会依次增大 3.一个标题独占一行 2.段落标签<p> </p>特点:1.文本会根据浏览器窗口的大小自动换行 2.段落和段落之间有间隙 3.加粗标签<strong></strong> <b></b> 4.倾斜标签<em></em> <i></i> 5.删除标签<del></del> <s></s> 6.下划线标签<ins></ins> <u></u> 7.盒子标签<div>我是一个div标签(大盒子),我自己独占一行</div> <span>我是一个span标签(小盒子),多个自己占一行</span>

8.超链接标签: 分类:外部链接和内部链接 外部链接<a href="调转目标" target="目标窗口的弹出方式">文本或者图像</a> herf:用于指定链接目标的url地址,为必须属性,当标签应用href属性时,他就具有了超链接功能。(必须要以http://开头) target用于指定链接页面的打开方式,_self为默认值,_blank为在新窗口打开方式 列如:<a href="http://jwc.uzz.edu.cn/" target="_blank">枣庄学院界教务处</a>内部链接 网站内部页面的相互链接 列如<a href="06图像标签.html" target="_blank">跳转到图像标签的网页</a> (两个网页处在同一级) 空链接:没有想好链接目标 列如:<a href="#">首页</a> 下载文件链接:当href不是网页网站,而是文件或者压缩包时,会下载文件 列如:<a href="新建 DOCX 文档.docx" target="_blank">下载文件</a> 网页元素链接:网页中的各项元素,如图形,表格,照片都可以添加超链接(把照片当文字就可以) 例如: <a href="06图像标签.html"><img src="123.jpg"></a> 锚点链接:点击链接,可以快速定位到页面中的某个位置 例如:在链接文本的href属性中,设置属性值为#名字的形式,如<a href="#two">第二集</a> 找到目标位置标签,里面添加一个id属性=刚才的名字,如:<h3 id="two">第二季介绍</h3>

单标签 换行标签<br /> 特点:单标签,没有大缝隙 图像标签:<img src="图像url" /> src是标签的必须属性,用于指定图像文件的路径和文件名 (通常将html文件和图片放到同一文件夹下,则src=“img.png”) 图像的其他标签:alt:替换文本,用于:图片不能显示时(即图片加载出错时)文字显示出来 图片加载成功的时候,alt命令相当于做了个无用功 title:鼠标放置到图像上,显示的文字 width:给图像设定宽度 height:给图像设定高度(高和宽通常设定一个,会按比例缩放) border:给图像设定边框粗细

<img src="123.jpg" alt="我是小芬"  title="我是小粉123" height="100" />
经验分享 程序员 微信小程序 职场和发展