首页 > 其他分享 >HTML5笔记

HTML5笔记

时间:2024-06-14 09:22:39浏览次数:21  
标签:edg 笔记 标签 默认 嵌套 HTML5 tips 属性

1.HTML:超文本标记语言 3.双标签:成对出现的标签 单标签:只有开始标签,没有结束标签 edg:换行:
水平线:


4.VS Code快速生成html骨架:!(英文)+Enter/Tab 5.标签之间的两种关系:(1)父子关系(嵌套) (2)兄弟关系(并列) 6.标题标签:

~

特点:(1)独占一行 (2)文字加粗 (3)字号逐渐减小 tips:h1标签在一个网页中只用一次,用来放新闻标题或网页的logo 7.段落标签:

...

特点:(1)独占一行 (2)段落之间存在间隙 8. 换行:
水平线:
浏览器不识别代码中的Enter键换行 9.文本格式化标签:加粗(strong、b)、倾斜(em、i)、下划线(ins、u)、删除线(del、s) 在同一行内显示 10.在网页中插入图片:替换文本 src为单标签的必须属性,指定图片的名称和位置 tips1:在VS Code中uri以./开头 edg: tips2:浏览器缩放图片,默认等比缩放 11.属性名="属性值" 属性写在尖括号里面,标签名后面,标签名和属性之间用空格隔开,不同属性前不区分先后顺序 12.相对路径:. 当前文件所在的文件夹 ..当前文件的上一级文件夹 /进入某个文件夹里面 13.超链接: 跳转到本地文件:相对路径 跳转到网页:绝对路径 target="_blank" :新窗口跳转页面 若开发初期,不知道超链接的跳转地址,href属性值写#,表示空链接,不会跳转 14.音频播放: 一般浏览器会禁用自动播放功能,controls显示出播放控制面板,loop功能为循环播放 15.视频播放: controls显示出播放控制面板,loop功能为循环播放,muted为静音播放,autoplay在 muted功能启用的条件下才会正常使用 16.列表分类: (1)无序列表:ul(无序列表)嵌套li(列表条目) (2)有序列表:ol(有序列表)嵌套li (3)定义列表:dl(定义列表)嵌套dt(定义列表的标题)和dd(定义列表的描述/详情) !!tips:ul/ol标签里面只能包裹li标签;而li标签里面可以包裹任何内容 dl标签里面只能包裹dt/dd,而dt/dd标签里可以包裹任何内容 17.表格:table嵌套tr(行),tr嵌套th(表头单元格)/td(内容单元格) !!!tips:在网页中,表格默认没有边框线,使用broder属性(broder=”1“)可以为表格添加边框线 表格结构标签:tbhead、tbody、tfoot 18.单元格合并: (1)跨行合并:rowspan (2)跨列合并:colspan 合并步骤: (1)保留最左最上的单元格,添加属性(edg:),数字表示为要合并的单元格数量 (2)删除其他单元格 tips!!:不能跨结构合并 19.表单:收集用户信息 input标签:type属性值不同,则功能不同 type属性值:(1)text:文本框,输入什么显示什么,用于输入单行文本 (2)password:密码框,无论输入什么都显示.. (3)radio:单选框 (4)checkbox:多选框 (5)file:上传文件(默认情况在只能上传一个文件) 占位文本:提示信息 在文本框和密码框都可以使用 提示信息显示字体默认为灰色 用户输入为黑色 (1)在多个radio单选框中要想实现单选,需把多个name值设为相同 ; (2)要想进入页面有一个固定的单选框值,只需添加checked(默认选中) !!tips:若单词只有一个,没有=“’,说明属性名和值相等 file:上传文件(默认情况在只能上传一个文件) 要想上传多个文件,只需要添加multiple <input="checkbox" checked=""> checked:实现默认选中 20.下拉菜单:select嵌套option edg: 下拉菜单实现默认选中:selected 21.文本域:多行输入文本 22.label标签:用label标签绑定文字和表单控件的关系,增大表单控件的点击范围 写法一:label标签只包裹文字内容,label的for属性值要和表单控件的id属性值相同 edg:

标签:edg,笔记,标签,默认,嵌套,HTML5,tips,属性
From: https://www.cnblogs.com/yupotato/p/18247136

相关文章

  • Python笔记 - 正则表达式
    正则表达式(RegularExpression,简称regex)是一种强大的工具,用于匹配字符串模式。在Python中,正则表达式通过re模块提供。本文将带你深入了解Python中的正则表达式,从基础概念到高级用法。1.什么是正则表达式?正则表达式是一种用来描述字符串模式的方法。它可以用来匹配、查找......
  • C++学习笔记-----类和构造函数
    类和结构体class和struct的区别在于class默认是private的而struct默认是public的struct继承自另一个struct或class时,默认继承方式是public继承class继承自另一个class或struct时,默认继承方式是private继承class继承自struct,则默认继承方式还是public,以保持......
  • php反序列化个人笔记
    反序列化什么是反序列化?格式转换序列化:对象转换为字符串或者数组等格式反序列化:将数组或字符串转换成对象为什么会出现安全漏洞?魔术方法如何利用漏洞?通过构造pop链,找到代码的逻辑漏洞,进行getshell,rce等操作反序列化利用分为三类魔术方法的调用逻辑语言原生类的调用逻......
  • 【学习笔记】透视HTTP协议(五):什么是DNS?
     本文是一篇学习笔记,学习的课程是极客时间的《透视HTTP协议》。透视HTTP协议_HTTP_HTTPS-极客时间(geekbang.org)DNS(DomainNameSystem)是域名系统的缩写,它是一个分布式数据库系统,用于将人们易于记忆和理解的域名(如 www.example.com)转换为计算机能够理解和处理的IP地址(如......
  • 《Linux命令行与shell脚本编程大全(第3版)》读书笔记
    一、初识linuxshell1、什么是linuxLinux可划分为以下四部分:Linux内核、GNU工具(如shell)、图形化桌面环境、应用软件1)深入探究linux内核内核主要负责以下四种功能:系统内存管理、软件程序管理、硬件设备管理、文件系统管理2)GNU工具(1)核心GNU工具:GNU项目的主旨在于为Unix......
  • 线段树学习笔记
    线段树(SegmentTree)是一种基于分治思想的数据结构,可以在\(\mathcal{O}(\log~n)\)的时间内完成区间修改和区间查询等操作。1.1线段树基础此部分介绍普通线段树的基本思想与操作。1.1.1基本思想线段树本质上就是一棵二叉树,它的每一个节点表示一段区间的信息,对于一个长度不为......
  • 小红书电商实战营:小红书笔记带货和无人直播,24年6月新课
    课程目录1.我的电商创业经历(余文)_.mp42.为什么现在是入局小红书的最佳红利期(余文)_.mp43,.如何打造高利润直摇间_.mp44.无人直播业务总结(余文)_.mp45.如何用笔记打爆直播间_.mp46.如何根据不同的业务阶段搭建核心团队(理论)_.mp47.学员案例分享_.mp408.学员手册介绍_.mp41......
  • 隐语课程学习笔记6-逻辑回归LR与广义线性模型GLM开发实践
    隐语第6课,开始介绍具体的机器学习算法以及使用隐语模型进行真实数据的建模实验。首先介绍广义线性模型,广义线性模型(GLM)是线性模型的扩展,通过联系函数建立响应变量的数学期望值与线性组合的预测变量之间的关系。它的特点是不强行改变数据的自然度量,数据可以具有非线性和非......
  • 隐语课程学习笔记5-隐私保护机器学习算法概要
    隐语课程第5课,简单介绍了隐语的算法能力,包括预处理、隐私求交、决策树模型、线性回归模型、神经网络模型,并且支持数据水平切分(横向联邦)、垂直切分(纵向联邦)、混合切分(横纵向联邦)。隐语提供了包括对DataFrame的封装,以及提供联邦ndarray的封装,和python的使用基本一致,上手较快,比......
  • 【esp32 学习笔记】 入门使用u8g2库(以OLED驱动芯片SSD1306为例)
    一、常用APIU8g2库提供了丰富的API,用于控制各种显示器并在屏幕上绘制文本、图形等元素。以下是U8g2库中一些常用的API:1.初始化-------U8G2U8G2(display,rotation,[,reset[,clock,data,cs,dc,reset,cs1,cs2,cs3]]) 初始化U8g2对象,其中display表示所使用的显示器......