首页 > 其他分享 >html5 + css3

html5 + css3

时间:2024-09-28 22:51:10浏览次数:12  
标签:css3 表格 标签 单元格 li html5 表单 属性

目录

HTML认知

初识-web标准

小结

  • 结构:HTML → 页面元素
  • 表现:CSS → 页面样式
  • 行为:JavaScript → 页面交互的动态效果

vscode的简介和使用

英文状态!→回车(或者tab键),

快速生成骨架,

在这里插入图片描述

注释

ctrl + /

标题和段落

快捷方式:快速修改多个同个字样

1️⃣鼠标左键长按选中想要修改的1,(同个字样就会自动标识出来)

在这里插入图片描述

2️⃣ctrl + d 多选,都按一次d,多选一个字样。(可以看到三个光标同时在闪)

在这里插入图片描述

⭐️标题标签

<h1></h1>

⭐️段落标签

<p></p>

换行和水平线标签

⭐️换行标签

<br>

⭐️水平线标签

<hr>

文本格式化标签

⭐️

标签说明
b加粗
u下划线
i倾斜
s删除线

⭐️

语义:突出重要性的强调语境:

标签说明
strong加粗
ins下划线
em倾斜
del删除线

图片-基本使用

⭐️<img src=" " alt=" ">

图片-属性

⭐️<img src=" " alt=" " title=" ">

title:悬停时显示文本

width:

height:

⭕️如果只设置weight和height其中一个,另一个没设置的会自动等比例缩放(此时图片不会变形)

⭕️如果同时设置weight和height,设置不当会变形

绝对路径

绝对路径:指目录下的绝对位置,可直接到达目标位置,通常从盘符开始的路径。

标签:css3,表格,标签,单元格,li,html5,表单,属性
From: https://blog.csdn.net/2301_76979886/article/details/142623208

相关文章

  • 【HTML|第1期】HTML5视频(Video)元素详解:从起源到应用
    日期:2024年9月9日作者:Commas签名:(ง•_•)ง积跬步以致千里,积小流以成江海……注释:如果您觉在这里插入代码片得有所帮助,帮忙点个赞,也可以关注我,我们一起成长;如果有不对的地方,还望各位大佬不吝赐教,谢谢^-^1.01365=37.7834;0.99365=0.02551.02365=1377.4083;0.......
  • HTML5实现大文件分片上传实例
    前端:vue2,vue3,vue-cli,html5,webuploader后端:asp.net,jsp,springboot,php,数据库:MySQL,Oracle,SQLServer,达梦,人大金仓,国产数据库功能:超大文件上传,文件和文件夹批量上传,断点续传,加密上传,视频上传技术:百度webuploader,分块,切片,断点续传,秒传,MD5验证,纯JS实现,支持第三方......
  • 这些年没来得及学习的一些 HTML5 标签
    这些年没来得及学习的一些HTML5标签 认识并学习下还没来得及学习的一些HTML5标签<ruby> 标签HTML <ruby> 元素被用来展示东亚文字注音或字符注释。比如:<ruby>兄弟<rt>xiongdi</rt></ruby><rt> 元素包含字符的发音,字符在ruby注解中出现,它用于描述东亚字符的......
  • 万象更新 Html5 - es6 进阶: fetch
    源码https://github.com/webabcd/Html5作者webabcd万象更新Html5-es6进阶:fetch示例如下:es6\src\advanced\fetch.js/***FetchAPI-es6的异步请求接口**注:*1、fetch()返回的是Promise对象*2、fetch()的跨域请求遵循CORS标准**CORS-Cr......
  • 万象更新 Html5 - es6 进阶: iterator, generator
    源码https://github.com/webabcd/Html5作者webabcd万象更新Html5-es6进阶:iterator,generator示例如下:es6\src\advanced\iterator_generator.js/***iterator-迭代器(可迭代对象有Array,TypedArray,Map,Set,String)*next()-迭代到下一个位置*......
  • 万象更新 Html5 - es6 进阶: proxy, reflect
    源码https://github.com/webabcd/Html5作者webabcd万象更新Html5-es6进阶:proxy,reflect示例如下:es6\src\advanced\proxy_reflect.js//Proxy-代理(拦截目标对象的属性操作和函数操作)lettarget={name:'webabcd',age:40,gethello(){......
  • 万象更新 Html5 - es6 进阶: 编译和压缩
    源码https://github.com/webabcd/Html5作者webabcd万象更新Html5-es6进阶:编译和压缩示例如下:es6\src\index.html<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>es6</title><......
  • 万象更新 Html5 - es6 进阶: ArrayBuffer
    源码https://github.com/webabcd/Html5作者webabcd万象更新Html5-es6进阶:ArrayBuffer示例如下:es6\src\advanced\arrayBuffer.js/***1、ArrayBuffer-内存之中的一段二进制数据,需要通过视图操作数据*2、TypedArray-视图,用于操作ArrayBuffer对象,TypedArr......
  • 万象更新 Html5 - es6 进阶: promise
    源码https://github.com/webabcd/Html5作者webabcd万象更新Html5-es6进阶:promise示例如下:es6\src\advanced\promise.js/***Promise-用于异步编程(非多线程)*有3种状态:pending(进行中),fulfilled(已成功),rejected(已失败)*状态只能从pending变为fulfil......
  • 万象更新 Html5 - es6 进阶: async/await
    源码https://github.com/webabcd/Html5作者webabcd万象更新Html5-es6进阶:async/await示例如下:es6\src\advanced\async_await.js/***async/await-用于异步编程(非多线程)*asyncfunction返回的是Promise对象*await用于等Promise对象或者thenab......