html4-5总结

在这里插入图片描述

1.基本框架

首先打开html制作软件,然后新建保存格式为.html,然后再输入!按下tab键就会出现基本的框架。
在这里插入图片描述

lang是language的意思,en是english。
head是头标签表示html头的部分。
body表示html正文的部分。
UTF-8是全世界的通用码。
title标签是页面的标题。

2.常用标签

2.1 Hn标签
n可以取1-6,n的值越大,字体越小,表示文本的标题。
2.2 form表单标签
form标签一般与input标签联合使用。
form标签有action属性,可以使表单中的提交按钮跳转到action输入的页面。
如form action="www.baidu.com"然后再后面input type="submit"就会出现一个将页面跳转到百度的按钮。
input有单选radio 与多选checkbox等等属性在这里插入图片描述

在这里插入图片描述
2.3 img标签
img标签是用来引入图片的。
通常用法是img src=""
双引号里面填写图片的路径
路径分为相对与绝对。
假如你图片在C/aaa/aaa/2.jpg
网页位置在C/aaa/aaa
绝对路径:例如C/aaa/aaa/2.jpg
相对路径就是从你网页保存的位置算起,不需要填写C/aaa/aaa
直接2.jpg就行了。
在这里插入图片描述

img里还有长宽属性,可以填写px也可以填写原图的百分比。
2.4表格标签
表格标签是table。
分为tr表行
th表头
td表元
例如在这里插入图片描述
在这里插入图片描述

这里table里的border ipx的意思是显示边框。
我们可以看到表头是有被加粗显示的。
2.5音频和视频
在这里插入图片描述
和img相似,只需要填路径就ok了。
2.6 div标签
div是分区标签,可以将正文分为一个一个区。
2.7 p标签
p标签是行标签,p标签外的内容会换行显示。
2.8 多窗口框架标签
分为frameset和iframe
其中framese不能和body连用。
在这里插入图片描述
rows属性指的是每个页面占的百分比,src后面是路径。

3 总结

html中还有很多标签,比如换行br标签,控制字体的font标签,好玩的跑马灯标签等等,这些要用的时候都可以去W3Cschool上去查询他们,包括他们的不同的属性,我上面介绍的常用的标签也还有很多属性。

参与评论 您还未登录,请先 登录 后发表或查看评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:数字20 设计师:CSDN官方博客 返回首页

打赏作者

JLZzzzzzzz

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值