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" />
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值