【HTML】常用标签总结

页面开发常用语言HTML,是一种考虑逻辑的编程语言,而是用标签的形式进行编写代码的语言。

利用vscode编译器打开后缀名为html的文件可以进行编写html代码,然后直接用浏览器打开html文件即可得到自己用html代码写的页面。

标签介绍

一开始的标签是<HTML></HTML>标签,

里面的子标签分别是<head></head>和<body></body>标签,然后<head>标签里面放入子标签<title></title>标签,然后标题命名直接在两个标签中间进行书写,

例如<title>这是一个标题<title>

具体介绍常见标签:

<p></p>标签

叫作段落标签,在中间填写一句话可以得到一个段落,然后两个相邻的p标签是有空格间隙的:

呈现效果为:

 是两个段落。

<!---->注释标签

在注释标签中间填写注释:

效果如下:

 在页面上打开不显示,只是在写代码的时候可以作说明提醒的作用。

<hx></hx> (x为1至6)小标题标签

数字越小,标题越大,

代码如下:

 打开界面后如下:

 <a></a>超链接标签

超链接标签意思是在网页上可以提供一个跳转到别的页面的链接,有当前界面内跳转和另开一个界面跳转两种情况:

<a>标签里面的href属性代表的是所需要跳转的界面链接:

 效果如图:

 通过点击这句话可以跳转到href里面给的链接地址

情况一:当前界面跳转,即从当前的点击界面跳转到所需要跳转的界面,直接向上述这样写就行。

情况二:另启一个界面进行跳转,此时需要在该a标签所在的范围内加入base标签,然后属性为_blank

代码如下

 此时点击就会另外开辟界面进行跳转:

<img><\img>图片插入标签

img标签里面的属性src和alt,src代表图片来源,即图片的地址,分为相对路径和绝对路径,相对路径就是跟该html文件所在一个文件夹的图片链接,绝对路径就是在具体某盘某文件夹里面的图片,这是在自己电脑上的,还可以从网上找图片的网络路径,这样将html文件发给别人的时候,只要对方有联网就可以看到图片,而相对路径和绝对路径只是自己电脑上的图片,对方电脑里面或许没有该图片,所以可能将html文件发给对方就打不开图片;而alt代表如果你所发的图片打不开了或者链接不存在了,就会显示alt里面的文字:

当给src和alt赋值后:

 此时链接存在,不显示alt文字:

 若图片链接不存在,不显示图片,显示alt里面的文字:

 

 <table><\table>表格标签

在表格里面放置标签

<tr><\tr>行标签

<th><\th>行标签里面放置小标题标签

<td><\td>行标签里面放置文段标签

 

 <input>标签

常用:

type属性为text和checkbox

<textarea><\textarea>标签

 属性cols和rows代表输入框的宽度和长度

 <select><\select>标签

里面有<option><\option>选项进行选择:

 界面效果:

<ul><\ul>有序列表标签 以及<ol><\ol>无序列表标签

 显示界面

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值