HTML5笔记
文章平均质量分 68
课程链接 https://www.bilibili.com/video/BV14J4114768 P1-P60
Suyuoa
这个作者很懒,什么都没留下…
展开
-
附录4-一些通用的属性
基本上所有的标签都有title属性,title属性是鼠标悬停在元素上显示的文字。原创 2023-06-12 16:51:03 · 56 阅读 · 0 评论 -
附录3-form标签常用属性
post相对于get请求要更安全些,比如写用户名,密码这种东西一般就用post,用户名与密码的内容不会在地址栏显示。method是请求方式,基本上不是get就是post,默认是get,我们也看到了,刚才上面的传参是使用查询字符串的方式,在地址的后面直接加上传递的内容。target是你要在哪里打开action的url地址,默认的值是_self。如果form表单未指定action值,action的默认值为当前页面的URL地址。如果你指定了action,那么提交后,网页会带着参数跳转到指定的action地址。原创 2022-11-04 10:50:50 · 1029 阅读 · 0 评论 -
附录2.input表单标签
它的语法是这样的目录1 无自带验证机制1.1text1.2password1.3radio1.4checkbox1.5submit1.6reset1.7button1.8file1.9hidden与image2有自带验证机制2.1邮箱 email2.2网址 url2.3日期 date2.4时间 time2.5月 month2.6周 week2.7整数 numbe...原创 2022-03-14 09:49:22 · 1116 阅读 · 0 评论 -
9.交互标签
目录1 表单标签1.1 表单域1.2表单元素1.2.1输入表单元素 input1.2.2下拉表单元素 select1.2.3文本域元素 textarea2label标签3按钮标签1 表单标签表单一般应用与客户端向服务端提交数据,大多数网站的注册页面都是使用表单做的表单一般有三个部分组成,表单域,表单控件和提示信息,上面的页面整体叫表单域,写内容的地方叫表单控件,手机号码与验证码叫做提示信息1.1 表单域表单域用form表示,它的...原创 2022-03-11 14:19:51 · 1542 阅读 · 0 评论 -
8.列表标签
列表通常用来布局目录1 无序列表2有序列表3自定义列表1 无序列表无序列表使用ul表示,列表项用li表示像这里的百度热搜,用的就是无序列表它的使用方式是这样的我们现在写一下显示出来是这样的ul中只能放li,li中可以放别的标签像上面的内个列表项前的黑点儿,我们可以在css中设置2有序列表有序列表用ol表示,列表项同样用li表示,我们写一个看一下它显示出来是这样的ol中只能放li,li中可以放别的标签像上面的内...原创 2022-03-11 14:08:09 · 385 阅读 · 0 评论 -
7.表格标签
表格一般用来展示数据,有时也用来布局,表格标签中有六种常用标签,table,tr,td,th,thead和tbody,我们先看前面三个目录1基本用法2表格属性3表格结构标签4合并单元格4.1跨行合并(竖着) rowspan4.2跨列合并(横着) colspan1基本用法table是整个的大表格,tr是一行,td是一行中的一个我们先简单写个例子td可以创建后不写内容,再创建时会把前面的格子空过去这个就是我们一个简单的表格...原创 2022-03-11 14:05:34 · 3404 阅读 · 0 评论 -
6.超链接标签
超链接标签也叫a标签,我们一般这样写目录1 外部链接2内部链接2.1内部html文件2.2内部路由3空链接4文件链接5锚点链接1 外部链接http或https都行效果是这样的点击一下就会弹出我们指定的地址除了放一个文字我们也可以放一张图片点击这张图片同样可以进入我们指定的地址不仅文字和图像可以引入链接,视频,表格,这些都可以除了属性href,还有一个属性是target如果我们使用谷歌浏览器的话,上面的.........原创 2022-03-11 13:59:52 · 2366 阅读 · 0 评论 -
5.图像,音视频标签
1图像标签 img我们使用img作为图像标签,一般这样用一般配合静态文件使用,src的值给静态文件的地址,地址就分直接地址和相对地址,根据后端不同的框架略有区分,关于地址问题可以看一下这个8.静态文件_potato123232的博客-CSDN博客它的效果是这样的src是img标签的必选属性,其余为可选属性我们首先看alt,当图像不能显示的时候会替换成文字这里我搞一个不存在的图像写入src,他就不能显示了它的效果是这样的下面我们再看title,wi...原创 2022-03-14 09:30:15 · 1209 阅读 · 0 评论 -
4.布局标签
布局的概念可以看一下这个78.布局管理_potato123232的博客-CSDN博客1盒子标签我们用div与span创建盒子,用的时候这样用就行了从外观上来看没有任何作用div一行只能有一个,span一行可以有多个像这里的 为你推荐 用的就是一个div这里也是span在这里有应用,一行可以放多个,这里他使用了多组span2水平线标签水平线标签用hr表示,它的效果是这样的一般我们想搞一条线的时候会用css的border搞...原创 2022-03-11 13:44:38 · 416 阅读 · 0 评论 -
3.文字标签
下面几章的内容我会将内容放在同一个html文件中目录1标题标签2段落标签3换行标签4加粗标签5倾斜标签6删除线标签7下划线标签8注释标签9特殊字符1标题标签标题标签用h1-h6表示,一共有六种,我们都看一下效果浏览器打开后效果就是这样的2段落标签段落标签用p表示,我们这样用我们浏览器中看一下3换行标签换行标签用br表示,我们在代码中使用一下浏览器中的效果是这样的...原创 2022-03-11 13:42:06 · 1329 阅读 · 0 评论 -
2.HTML标签简介
目录1 基本语法2标签关系2.1包含关系2.2并列关系3基本结构标签4编写html的工具5 标签6lang 语言7charset 字符集1 基本语法所有的标签都写在尖括号中,且大部分标签都是成对出现的,成对出现的标签我们叫做双标签,就像是这样当然还有head,title,body这种,我们讲不带斜杠的标签叫做开始标签,带斜杠的叫做结束标签也有单个出现的标签,我们叫做单标签,比如换行标签 br2标签关系标签...原创 2022-02-15 14:20:20 · 708 阅读 · 0 评论 -
1.初识HTML
网站是有多个网页构成的,网页是通过浏览器对html文件进行渲染生成的HTML(Hyper Text Markup Language)超文本标记语言,是用来描述网页的语言,HTML由许多的标记标签构成,我们现在搞一个html文件,然后放一张图感受一下目录1体验HTML2常用浏览器3web标准1体验HTML新建项目后创建HTML文件如果是pycharm创建完毕后就会是这样的然后我们找一张图片放到项目目录中之后我们在body中这样写写完之...原创 2022-02-15 14:17:54 · 362 阅读 · 0 评论 -
附录1.flask配合a标签链接内部路由
我们首先用flask写一个服务,服务中有两个视图,一个是链接其他视图的视图,另一个是被链接的视图之后在链接视图中加入a标签,地址为被链接视图的路由然后再搞一个被链接的页面开启服务后我们访问一下 127.0.0.1:5000/connect之后点击一下发现可以跳转...原创 2022-02-15 15:51:57 · 1281 阅读 · 2 评论