html标签(HTML学习笔记:各种常用标签)

html标签(HTML学习笔记:各种常用标签)

Html标签(HTML学习笔记:各种常用标签)

今天是刘自学Java的第76天。

谢谢观看,谢谢。

事不宜迟,继续学习html:

昨天学了最基本的文字标签和属性,还有很多其他的标签。今天我将一个一个地学习它们。

一.链接标签(标签A)

标签有一个基本属性:href。Href就是超链接的意思。

编写下面的代码,其中我在每行之间使用了两个换行符(

),以便使页面看起来相对更漂亮。

①href=\"#%20\"

功能是跳转到这个页面。

②href= \"对应的网页链接地址\"

功能是跳转到相应的网页。

③href= \"本地主页\"

这是我自己电脑里的一个html文件。我自己能访问,别人不能。

②只要网址可以打开,所有人都可以访问。

④href=\"mailto:对应的电子邮件地址\"

功能是使用本地邮箱客户端向已填充的邮箱发送邮件。

⑤target=\"_self \"

Self,其含义是打开当前页面中已填充的网页链接。

⑥target=\"_blank \"

空白,空表示白色,其作用是在新窗口中打开已填充的网页链接。

⑦title= \"刘的博客\"

标题,还是那个标题。它在这里的作用是:当我们把鼠标放在当前链接上时,会出现一个标题提示。

编写完代码后,进行一次测试:

有一点常识:

直接点击,就会在当前页面打开相应的链接。

Ctrl+左键单击将在新页面中打开相应的链接。

二、图片标签和列表标签

1个图片标签

image,图像的意思,简写为img,图片标签也就是用img来表示。Image,图像的意思,缩写为img,图像标签也用img表示。

①src= \"图片地址\"

如果是局部图片,只写图片所在的路径即可。

如果是网络图片,只写其对应链接即可。

其中宽度是宽度,高度是高度。如果只设置了其中一个,高度和宽度将按比例缩放。

当然,你也可以同时为宽度和高度设置不同的值。

②alt= \"图片丢失\"

如果图片丢失,将显示alt中的内容。

③title= \"我是刘\"

与A标签一样,当鼠标放在图片上时,标题中的内容就会显示出来。

2列表标签

List就是列表的意思,分为有序列表和无序列表。

有序列表:Ordered list,ol的简称。

①type=\"1 \"

数字排序也是默认的有序排序规则,可以不写就省略。

②type=\"a \"

按小写字母排序。详见上图。

③type=\"A \"

按大写字母排序,详见上图。

④type = \"ⅰ\"

按罗马字母排序,详见上图。

⑤type=\"i \"

用字母I排序。详见上图。

无序列表:ul的简称。

①type=\"disc \"

Disc,record和disc的意思,是无序列表的默认属性,不用写就可以省略。

②type=\"circle \"

圆,意为圆。

③type=\"square \"

方形就是正方形的意思。

三。表单的选项卡

1基本介绍

表,表的意思,学数据库的时候接触过。

Tr,tablerow的缩写,代表表格中的行。

Td,tabledata的缩写,代表一个表格中的数据。

以上就是由优质生活领域创作者 嘉文社百科网小编 整理编辑的,如果觉得有帮助欢迎收藏转发~