html jerry老师

最新推荐文章于 2024-09-02 11:46:47 发布
最新推荐文章于 2024-09-02 11:46:47 发布
阅读量157 收藏
点赞数
分类专栏： # jerry 文章标签： html 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ninoninoni/article/details/127722948
版权

目录

html

属性

简单记法：
元素
对象 属性 属性值
在这里插入图片描述
单标签
一般都带有属性值
在这里插入图片描述

通用属性，因为他们都默认继承object类
在这里插入图片描述
title：提示文本，鼠标放上去，就会悬停出现
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
id：名字
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

排版并没有显示那么多空格和换行 ===格式问题在这里插入图片描述
采用正确的空格方式
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

水平线


在这里插入图片描述

图片的路径问题

在这里插入图片描述
网页丢失数据，会一直加载
在这里插入图片描述
图片是以像素为单位
在这里插入图片描述
关于image。html
在这里插入图片描述
关于01img。html
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

连接标签

在这里插入图片描述
超链接到当前网站的其他页面
在这里插入图片描述
在这里插入图片描述
点进去以后，地址栏发生变化
在这里插入图片描述
超链接到其他资源
在这里插入图片描述

在这里插入图片描述
跳转到其他网站
在这里插入图片描述
。
目标窗口 self blank
每点一次就开一个新窗口

当是blank’的情况
在这里插入图片描述在这里插入图片描述
设置图片实现超链接跳转
在这里插入图片描述

在这里插入图片描述

锚链接

在地址栏中，出现#，就是锚链接
在这里插入图片描述

在这里插入图片描述
例如点击此处的新用户注册，会自动跳转到页面相应位置
用于同一张页面中
举例
在这里插入图片描述
在这里插入图片描述

插入视频

在这里插入图片描述
contrals表示按钮，例如播放，暂停等，不添加表示页面动不了
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
设置属性为autoplay，打开网页页面就会自动播放视频

行内和块级

在这里插入图片描述

某些标签有默认样式，但div和span没有任何样式
有换行效果的称为块级元素，没有换行效果的称为行内元素
在这里插入图片描述

在这里插入图片描述
段落和div的区别，紧密贴着or不贴和
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
div和span，
div一般用于网页的排版布局
span只是用样式表来修饰段落中的某些文本
在这里插入图片描述

在这里插入图片描述

表格和表单

在这里插入图片描述
表格线呈现浮雕效果，因为边框线没有合并，外面那条线是table的边框，里面的线是td的边框

table的性质
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
表格的跨列
指纵向或者横向 合并单元格
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

文本框 下拉列表 复选框

表单在网页中：主要用于注册登录，填写个人信息等
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

表单 form

文本框
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

交互性
在这里插入图片描述
多个选项，一个选项的框，需要指定属性，属性值相同

在这里插入图片描述
在这里插入图片描述
如果想要放在一行，用span
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
如果是要默认选中多个属性值之一，为其添加checked属性即可
在这里插入图片描述
多选按钮 修改下type即可，单选为radio，复选为checkbox
在这里插入图片描述

在这里插入图片描述
当提交交互属性的时候，网页端的地址栏会发生变化，产生数据交互
例如点击submit按钮

当你网页选中哪些数据，就会提交哪些数据
在这里插入图片描述
类似理解为，客户端发送数据给服务端，后端的servlet，需要把前端传过来的数据接收过来

如果form标记指定action属性，则页面会跳转action属性指定url地址
例子
在这里插入图片描述

下拉选择框
在这里插入图片描述
在这里插入图片描述
在后期后端时候，一般会用代号来解决数据传输问题
如果不设置value属性则提交表单时以选中的option开始和结束标签中的文本

一般option都会添加value属性，并指定其后端处理代码需要的值
在这里插入图片描述

多行文本框

在这里插入图片描述
纵向区域，可以无限添加行数
横向区域，可以自动换行

但是也可以指定行数和列数
在这里插入图片描述
如果textarea设置默认值，则在开始和结束标签中输入默认值

提交表单的按钮，可以改名字，属性改为注册
在这里插入图片描述
在这里插入图片描述

可以用图片来代替按钮

在这里插入图片描述
默认按钮 需要结合javascript是按函数的调用
在这里插入图片描述

在这里插入图片描述

点击时页面弹出提示
在这里插入图片描述

在这里插入图片描述

列表框 多个选项中有一个默认的
在这里插入图片描述

在这里插入图片描述
单行文本框
在文本框信息中，placholder和value=admin，只能选择一个，默认显示灰色背景灰色字体
在这里插入图片描述
当value清空成空值，才能显示placeholder信息
在这里插入图片描述
在这里插入图片描述

文件选择 上传照片
在这里插入图片描述

列表 容器级标签

无序列表 有序列表
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
嵌套内容
在这里插入图片描述

在这里插入图片描述

设置动画动作
在这里插入图片描述
案例，当列表标识需要用图标来显示

在这里插入图片描述

在这里插入图片描述

京屿大人
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html老师祝福语,给各科老师的祝福语
weixin_34902502的博客
06-21 329
一、亲爱的园丁，鲜花正是在您的精心培植下，才开得那么艳丽多彩，才笑得那样欢畅淋漓。教师节到来之际，敬祝您：桃李满天下，春晖遍四方！二、有了你的教导，我才不会迷失方向。有了你的关注，我才更加自信勇敢。感谢您对我们的教导。老师您辛苦了！祝教师节快乐！三、成长的路上是您伴着我一路前行，无涯的学海里是您点亮指路的明灯，伴随我成长的是您！给我爱的是您！老师，在这个美丽的节日里，衷心祝愿教师节快乐！四、像红烛...
html简介（自己理解和老师讲课）
zzz19的博客
09-08 251
首先讲开发网页三种技术：html，css，javascript。html负责网页的结构，css站在没学角度对网页进行美化，javascript负责网页交互，站在用户体验角度设计网页交互效果 ...
HTML基础总结笔记
w1404273025的博客
05-29 793
HTML基础总结
HTML5、CSS、JS基础
qq_49101841的博客
03-03 2221
学习笔记
HTML5&CSS3提高
qq_45064040的博客
08-08 98
转载自：https://jerry-z-j-r.github.io/2021/02/16/HTML-CSS-Cheat-Sheet-13/ （来自 JERRY） HTML5&CSS3提高一、HTML5的新特性1.1 HTML5新增的语义化标签1.2 HTML5新增的多媒体标签1.2.1 视频1.2.2 音频1.2.3 多媒体标签总结1.3 HTML5新增的input类型1.4 HTML5新增的表单属性二、CSS3的新特性2.1 CSS3的现状2.2 CSS3新增选择器2.2.1 属性选择器2.2.
1.【HTML基础】：html简介+html标签
你说的白是什么白_
08-31 504
本学习笔记是个人对 Pink 老师课程的总结归纳，转载请注明出处！ b站视频链接：https://www.bilibili.com/video/BV14J4114768?from=search&seid=5360606378186309382. 文章目录【HTML基础】一、HTML简介1.1 网页1.1.1 什么是网页？1.1.2 什么是HTML?1.1.3 网页的形成1.2 浏览器1.2.1 常用浏览器1.2.2 浏览器内核1.3 Web标准1.3.1 为什么需要Web标准？1.3.2 Web.
HTML基础笔记--超详细--零基础--简洁易懂
m0_55644132的博客
10-27 542
互联网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合网站中的一“页”，是构成网站的基本元素，通常是 HTML 格式的文件（.htm 或 .html）它要通过浏览器来阅读超文本（超越了文本的限制，超级链接文本），超文本标记语言现在跟随chrome用blink内核。结构标准，表现标准和行为标准易于维护、页面响应快、可访问性、设备兼容性。
4.【Emmet语法】：快速生成HTML结构、CSS样式语法
你说的白是什么白_
09-02 165
本学习笔记是个人对 Pink 老师课程的总结归纳，转载请注明出处！ b站视频链接：https://www.bilibili.com/video/BV14J4114768. 笔记参考大佬：https://jerry-z-j-r.github.io/（注：有时访问不了） 文章目录【Emmet语法】快速生成HTML结构语法快速生成CSS样式语法快速格式化代码 【Emmet语法】 Emmet 语法的前身是 Zen coding，它使用缩写，来提高 html/css 的编写速度,，VSCode 内部已经集成该语法.
HTML
m0_66487899的博客
11-14 1532
HTML
timer:极简主义设计，使用Vue的在线计时器，具有多种语言和主题
05-04
杰瑞计时器 ... 什么是杰瑞计时器？ Jerry Timer是使用Vue的简单倒数计时器和秒表。 该计时器是专为检查，测验和所有需要计时器而设计的。 您可以隐藏计时器按钮... 我所有的老师都喜欢使用online-stopwatch.com。 他
HTML：图片，超链接，锚链接
Geek宝宝的努力！
02-16 2075
知识总结： HTML图片：       HTML路径： 相对路径：相对路径就是指由这个文件所在的路径引起的跟其它文件（或文件夹）的路径关系。 绝对路径：HTML绝对路径(absolute path)指带域名的文件的完整路径。 <img >标签中的alt属性：       HTML超链接：  <a herf = " ">内容</...
Vue学习笔记（尚硅谷天禹老师）
m0_67391907的博客
03-06 1165
Vue学习笔记（尚硅谷天禹老师讲解） 1. Vue核心 1.1. Vue简介 1.1.1. 官网 英文官网 中文官网 1.1.2. 介绍与描述 动态构建用户界面的渐进式JavaScript框架 作者：尤雨溪 1.1.3. Vue的特点 遵循MVVM模式 编码简洁，体积小，运行效率高，适合移动/PC端开发 它本身只关注UI，可以引入其它第三方库开发项目 1.1.4.与其他JS框架的关联 借鉴 Angular 的模板和数据绑定技术 借鉴 React 的组件化和虚拟DOM
HTML 实现炫酷选项卡效果
最新发布
qq_69304031的博客
09-02 544
在前端开发中，创造出吸引人的交互效果能够极大地提升用户体验。今天，我将分享一段使用 HTML 和 CSS 实现的炫酷选项卡代码，并详细介绍其实现过程。
css基础学习总结(一)
₍˄·͈༝·͈˄*₎◞ ̑̑的博客
08-27 935
第四优先级：由一个或多个类选择器、属性选择器、伪类选择器定义。如.classname{margin:3px}会覆盖div{margin:6px;})>类选择器(.con{…})>标签选择器(dic{…})>通用选择器(*{…第三优先级：由一个或多个id选择器来定义。}会覆盖.classname{margin:3pxl}第五优先级：由一个或多个类型选择器定义。}覆盖*{margin:10px；第二优先级：在html中给元素标签加style，即内联样式。第六优先级：通配选择器，如*{marigin:6px;
vue3中vite基于vite-plugin-html的多入口打包
k0933的博客
08-30 318
1、安装vite-plugin-html。3、配置vite.config.js。
HTML静态网页成品作业(HTML+CSS)——非遗徽州木雕网页(6个页面)
2301_78945238的博客
08-30 962
HTML静态网页成品作业(HTML+CSS)——非遗徽州木雕网页(6个页面)
word文档转html(只支持段落和表格)
m0_63159822的博客
08-30 532
/ 这里简单地将单元格中的文本内容添加到HTML中。// 注意：单元格可能包含多个段落，需要遍历它们。// 辅助方法，用于获取段落中的文本内容。
HTML静态网页成品作业(HTML+CSS+JS)——迪士尼公主介绍(6个页面)
2301_78945238的博客
08-26 1031
HTML静态网页成品作业(HTML+CSS+JS)——迪士尼公主介绍(6个页面)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值