到底什么叫tm的tm的HTML(菜鸟级讲解)

html就是超文本标记语言,作为web前端的骨架,也就是网页的框架,它的布局和代码相对灵活。下图为HTML的较常用部分思维导图。
部分思维导图,HTML完整代码参考w3cschool
在思维导图中可以看出html分为head和bady两部分,头部和身体,身体为主要正文部分构成网页显示部分。在进行浏览器打开之前记得保存
会显示如下图:这是最简单的模式
了解了基本原理后我们开始了解HTML的实际运用,例如如何制作一个电影网站(可以在朋友面前装逼🐶)接下来就是代码片段:
此为代码图
此为网页显示界面
在这个代码中,运用了table表格,还有img图片引用以及音频引入,好有一个锚点的使用。
在代码中我们给a标签的href中放入的"#cn"在后面每一个分类中插入的a标签中赋予name属性"cn"实现同页面点击总导航跳转至本页面目标锚点。简而言之就是能够通过页面顶层的导航直接跳到想要浏览的部分。就如同看小说的章节目录点击就跳转到哪一章,锚点也起到同样的作用。
在完成了页面的实际性操作以后,接下来让我们细致了解HTML中的标签:
<a href=“ ”>标签用于跳转链接和页面(双标签)
标签表示文本的标题(双标签)
n的取值范围为1-6数字越大字越小。
form表单:
默认get请求:
在这里插入图片描述
点击提交按钮:在这里插入图片描述
就会跳转到'这里
form标签中常与input连用:
Method=“”请求方式

Text ----文本框
Password ----密码框
Submit ----提交按钮
Radio ----单选框
Checkbox ----多选框
Reset 重置按钮
Button 普通的按钮
请求方式:
get和post
相比来说post比get更安全,post会隐藏路径,而get请求则是暴露了文件的路径。

以上便是HTML常用的部分方法和实例。
(第一次写,希望各位大佬可以多多指点。有什么写的不对的地方可以评论留下建议,希望可以在各位大佬指点下成长。)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值