最近,跟着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" />