html学习
个人学习html的笔记整理,用来分享和查找,在帮到其他新手的同时巩固自己的学习。所有笔记整理自KuangStudy的视频。
greedyguttler
这个作者很懒,什么都没留下…
展开
-
html学习——网页基本信息
html第一次学习网页基本信息DOCTYPE : 告诉浏览器,我们要使用的规范head:表示网页的头部meta:描述性标签用来描述网站的一些信息meta一般用来做seotitle:网页标题body:代表网页主体原创 2021-02-21 11:33:20 · 119 阅读 · 0 评论 -
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学习——图像标签
网页图片标签常见的图片格式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 · 119 阅读 · 0 评论 -
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 · 359 阅读 · 0 评论 -
html学习——块元素和行内元素
块元素和行内元素块元素无论内容多少,该元素独占一行例如p标签和标题标签等等行内元素内容撑开宽度,左右都是行内元素可以摆在一行例如超链接a标签,斜体em标签,换行br标签原创 2021-02-21 14:53:18 · 72 阅读 · 0 评论 -
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 · 67 阅读 · 0 评论 -
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 · 97 阅读 · 1 评论 -
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 · 131 阅读 · 0 评论 -
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 · 125 阅读 · 0 评论 -
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 · 1499 阅读 · 0 评论 -
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 · 1159 阅读 · 0 评论 -
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 · 11398 阅读 · 1 评论 -
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 · 2195 阅读 · 0 评论 -
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 · 227 阅读 · 0 评论 -
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 · 404 阅读 · 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 · 116 阅读 · 0 评论 -
html学习——表单的简单验证
为什么要对表单进行验证?识别错误请求,减轻服务器压力保证数据安全性(?)(保证安全这里没有看懂,有无大佬可以在评论区解释一下)常用方式placeholder :提示语,文本框未输入时显示提示语,输入任何字符后不显示<form> <p> <input type="text" name="username" placeholder="请输入用户名"> </p></form>required:非空判断,元素不能为空,该文原创 2021-02-23 23:07:28 · 270 阅读 · 1 评论