- 博客(20)
- 收藏
- 关注
原创 css学习——三种基本选择器
选择器(选择某一个或某一类元素)基本选择器标签选择器/*标签选择器会选择页面上所有的这个标签的元素*/<style> h1{ color:#a13d30; background:#1D8E46; border-radius:24px; } /*color字体颜色 background背景颜色 border-radius圆角*/ p{ font-size:80px; } /*修改字体大小,让p标签的字比h1标签的还大*/</style>类选
2021-03-01 16:06:46
260
原创 css学习——导入方式
四种导入方式内部样式<!--一般写在head里面--><style>h1{ color:green;}</style>行内样式<!--直接在标签中写一个style属性,然后写样式即可--><h1 style="color:red">我是标题</h1>外部样式...
2021-03-01 13:48:12
214
原创 html学习——隐藏、只读、禁用、增强鼠标可用性
表单的应用隐藏域:hidden,将内容隐藏,若内容有初始值,仍然可以提交只读:readonly,只能看无法输入禁用:disabled,可以禁止某些按钮(与只读的区别)<form> <p> <input type="text" name="username" placeholder="请输入用户名" hidden> <input type="text" name="username" placeholder="请输入用户名" readonly&
2021-02-23 23:40:02
400
1
原创 html学习——表单的简单验证
为什么要对表单进行验证?识别错误请求,减轻服务器压力保证数据安全性(?)(保证安全这里没有看懂,有无大佬可以在评论区解释一下)常用方式placeholder :提示语,文本框未输入时显示提示语,输入任何字符后不显示<form> <p> <input type="text" name="username" placeholder="请输入用户名"> </p></form>required:非空判断,元素不能为空,该文
2021-02-23 23:07:28
264
1
原创 html学习——表单的演示
表单所有标签和元素的整理和演示<form method="get" action="result.html"><!--input:输入框标签,默认为text,文本框 name:为该输入框起一个名字,用来提交数据 maxlength="8":文本框最多可以输入8个字符 size="30":文本框的长度时30px--> <p>用户名:<input type="text" name="username" value="文本框初始值" maxlength="
2021-02-23 22:16:29
115
原创 html学习——搜索框、简单验证、滑块
简单验证、滑块、搜索框上为显示效果下为代码<form method="get" action="result.html"><!--邮箱验证--> <p>邮箱: <input type="email" name="email"> </p><!--网址验证--> <p>url: <input type="url" name="url"> </p><!--数字验证 max:数
2021-02-23 22:09:04
225
原创 html学习——列表框、文本域、文件域
下拉框、文本域、文件域上为演示效果下为代码<form method="get" action="result.html"><!--input:输入框标签,默认为text,文本框 name:为该输入框起一个名字,用来提交数据 maxlength="8":文本框最多可以输入8个字符 size="30":文本框的长度时30px--> <p>用户名:<input type="text" name="username" value="文本框初始值" max
2021-02-23 21:20:44
2179
原创 html学习——按钮与多选框
多选框与按钮上为演示效果下为代码<form method="get" action="result.html"><!--input:输入框标签,默认为text,文本框 name:为该输入框起一个名字,用来提交数据 maxlength="8":文本框最多可以输入8个字符 size="30":文本框的长度时30px--> <p>用户名:<input type="text" name="username" value="文本框初始值" maxlengt
2021-02-23 20:26:47
11335
1
原创 html学习——表单元素格式、单选框
表单元素格式 属性 说明 type 指定元素的类型,文本框text,密码框password,多选框checkbox,单选框radio,提交按钮submit,重置按钮reset,文件框file,隐藏hidden,图片框image,按钮button name 指定表单元素的名称 value 元素的初始值,type为单选框radio时必须指定一个值 size 指定表单元素的初始宽度,当type为text或者password时,表单元素的大小以字符为单位,对其他的类型,宽度以
2021-02-22 22:33:08
1153
原创 html学习——表单的提交post、get
表单form:表单标签method:表单提交的方式,post/get。action:表单数据提交的位置,可以是网页,也可以是一个请求地址<form method="post" action="result.html"></form><!--post相对来说安全一点,可以传输大文件 get数据会显示在url中,不安全,一般做学习和练习使用--><form method="get" action="result.html"></fo
2021-02-22 21:57:30
1498
原创 html学习——iframe内联框架
iframe内联框架简单来说就是在一个网站里面嵌套另外一个简单的写法及示例<iframe src="网站地址" name="" frameborder="边框" width="宽" height="高"></iframe><iframe src="https://www.baidu.com" width="1000" height="800"></iframe>拓展:如果将 内联框架 留空并加上name属性,用a标签将 内容 跳转到 内联边框 打开
2021-02-22 19:32:06
124
原创 html学习——媒体元素及页面结构分析
音频和视频audio:音频标签video:视频标签src:资源地址controls元素:音频/视频控制器autoplay元素:加载后自动播放<!--网易云网页版找到音乐后,点击生成外链播放器--><video src="1.mp4" controls autoplay>有控制器且自动播放的视频</video><audio src="1.mp3" controls autoplay>有控制器且自动播放的音频</audio>##
2021-02-21 17:07:24
130
原创 html学习——表格标签
表格 1-1 1-2 1-3 2-1 2-2 2-3 3-1 3-2 3-3 <!--表格标签table 行标签tr 列标签td 边框标签border,可以编辑边框宽度 --><table border="1px"> <tr> <td>1-1</td> <td>1-2</td> <td>1-3</td> &l
2021-02-21 16:26:13
96
1
原创 html学习——列表标签
列表分类(上为显示效果,下为代码)无序列表ABCD<!--应用范围:导航、侧边栏等等--><ul> <li>A</li> <li>B</li> <li>C</li> <li>D</li></ul>有序列表ABCD<!--应用范围:试卷、问答等等--><ol> <li>A</li>
2021-02-21 15:25:34
66
原创 html学习——块元素和行内元素
块元素和行内元素块元素无论内容多少,该元素独占一行例如p标签和标题标签等等行内元素内容撑开宽度,左右都是行内元素可以摆在一行例如超链接a标签,斜体em标签,换行br标签
2021-02-21 14:53:18
70
原创 html学习——超链接标签
超链接标签a标签<a herf="要跳转的链接">点击我跳转到页面</a>示例<a herf="http://www.baidu.com">点击我跳转到百度</a><a herf="https://editor.csdn.net/md/?articleId=113860012">点击我跳转到我的第一篇博客</a><a herf="http://www.kafuchino.vip">点击我跳转到智乃导航<
2021-02-21 14:36:59
357
原创 html学习——图像标签
网页图片标签常见的图片格式jpg、png、bmp、gif<img src="..." alt="..."/>注意是src不要错写<img src="图片地址" alt="图片描述" title="悬停文字" height="图片的=宽" weight="图片的高"/>图片地址分为 相对地址 和 绝对地址相对地址:…/resources/img/1.jpg意思是上一级目录 下的资源目录 下的图片文件夹 下的i.jpg(如下图所示)html
2021-02-21 13:22:45
118
原创 html学习——网页基本标签
html第二次学习网页基本标签标题标签<h1>网页一级标签</h1><h2>网页一级标签</h2><h3>网页一级标签</h3><h4>网页一级标签</h4><h5>网页一级标签</h5><h6>网页六级标签</h6>段落标签<p>p标签用来分段,大量使用,与换行标签区别。</p>换行标签换行标签是单标签,文字间距
2021-02-21 12:19:36
116
1
原创 html学习——网页基本信息
html第一次学习网页基本信息DOCTYPE : 告诉浏览器,我们要使用的规范head:表示网页的头部meta:描述性标签用来描述网站的一些信息meta一般用来做seotitle:网页标题body:代表网页主体
2021-02-21 11:33:20
118
原创 我的第一篇博客
我的第一篇博客markdown学习字体hello worldhello worldhello worldhello world引用人生没有白走的路,每一步都算数。分割线图片超链接点击跳转到智乃导航列表ABCABC、表格姓名性别年龄小明男18代码public...
2021-02-19 12:10:35
62
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人