![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
高明懿大可爱
大厂爸爸看看我! (⑉・̆-・̆⑉)
展开
-
HTML中 <address> 标签
栗子:被address标签包裹后,内容会自动变成斜体( ̄▽ ̄)"<address>Written by <a href="202160575@qq.com">谷时</a>.<br> Visit us at:<br>qq.com<br>Box 564, Disneyland<br>阿巴阿巴</address>...原创 2021-01-03 19:45:11 · 423 阅读 · 1 评论 -
HTML5中hgroup标签
hgroup 标签用于对网页或区段(section)的标题进行组合,常用于对h1之类的标签进行操作。是HTML5中的新标签。<hgroup> <h1>大厂papa!</h1> <h2>看看我!</h2></hgroup><p>(。・∀・)ノ゙嗨,老婆!</p>...原创 2021-01-03 19:29:54 · 473 阅读 · 0 评论 -
em与rem的区别
在css中px、em、rem,这三个的区别是:px是固定像素,一旦设置了就无法因为适应页面而改变。em是rem相对于px更具有灵活性,他们是相对于长度单位的变化而变化,更适应于响应式布局。em相对于父元素rem相对于根元素em的具体解析:子元素字体大小的em是相对于父元素字体大小元素的width/height/padding/margin用em的话相对于该元素的font-size。<!DOCTYPE html><html> <head> &原创 2020-11-20 21:56:28 · 3033 阅读 · 0 评论 -
name=“viewport“content=“width=divice-width, initial-scale=1.0这些都是指得是什么?“
<meta name="viewport" content="width=device-width, maximum-scale=1">在网页的中增加这句话,可以让网页的宽度自动适应手机屏幕的宽度。其中:width=device-width :表示宽度是设备屏幕的宽度initial-scale=1.0:表示初始的缩放比例minimum-scale=0.5:表示最小的缩放比例maximum-scale=2.0:表示最大的缩放比例user-scalable=yes:表示用户是否可以调整原创 2020-11-18 17:59:03 · 4291 阅读 · 0 评论 -
HTML中的弹性布局
弹性布局说明弹性布局,又称“flex布局”,是由W3C老大哥于2009年瑞出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持,我们可以放心大胆的使用。弹性布局的基本概念1、容器:需要添加弹性布局的父元素; 2、项目:弹性布局容器中的每一个子元素,称为项目;弹性布局的基本方向1、主轴:在弹性布局中,我们会通过属性规定水平/垂直方向为主轴; 2、交叉轴:与主轴垂直的另一个方向,称为交叉轴。 弹性布局的使用1、给父容器添加display:flex.原创 2020-11-18 17:11:52 · 2362 阅读 · 0 评论 -
HTML中行级标签与块级标签都有哪些?
块级元素特征:1、每个块级元素都独占一行,其后的元素只能另起一行,两个元素不能处在同一行(但可以通过float、display: inline和弹性布局等方式实现…)2、元素的高度、宽度、行高和底边距、顶边距都是可以设置的。3、元素的宽度如果不设置的化,默认为父元素的宽度。常见的块级元素:<div> <p> <h1>...<h6> <ol> <dl> <table> <address&原创 2020-11-17 15:56:09 · 1206 阅读 · 0 评论 -
什么是HTML结构语义化?
##1、HTML语义化背景介绍我们首先聊聊HTML语义化的背景,HTML结构语义化,是最近几年才提出来的,以前的HTML结构,都是一堆没有语义化的冷冰冰的标签。最泛滥的就是div+css,以前的页面打开就是一堆div+css,为了改变这种状况,开发者和官方提出了让HTML结构语义化的概念,并且官方W3C,也在HTML5给出了几个新的语义化的标签。##2、知识剖析什么是语义化,语义化之后的文档会有什么效果?1、首先,语义化,顾名思义,就是你写的HTML结构,是用相应的有一定语义的英文字母(标签)表转载 2020-11-12 10:06:58 · 418 阅读 · 0 评论 -
用HTML+CSS+JS+一丢丢JQuery简单仿制了一个魔兽世界商店的页面(੭ ᐕ)੭(做着玩的)
效果图:只有轮播和鼠标浮在商品上的放大特效用了我JS,其他都非常简单 |•’-’•) ✧,就是简单的放图片,控制好位置。关于魔兽世界网站的简单仿制,我做的不止是这一张商店,还有主界面和部分登录界面,做的时候图片全部都放在了一起,现在分开超级麻烦,所以末尾上传的是这几个页面合在一起的图片库(•̀⌓•́)シ ,之后的几个界面我会陆续都上传上来。下面上代码:<!DOCTYPE html><html> <head> <meta http-equiv="原创 2020-09-29 11:56:47 · 1335 阅读 · 3 评论 -
用HTML+CSS简单仿制了一个bilibili电脑界面⚆_⚆(做着玩的)
**效果图**:两边的的标签是因为长截图滑动时,它会跟着一起动,实际并没有那么长(⑉・̆-・̆⑉),截图对跟着跑的东西默认截图成这样,这页面里没有js和轮播,本身想加上去,还是太懒了…下面上代码,真的很简单,没有一点技术含量,更像是在拼图 ( ˶˙º̬˙˶ )୨⚑︎,不过代码超级无敌多,有4000+行,不过大部分都是重复的。首先是主体HTML<!DOCTYPE html><html lang="zh-CN"> <head> <meta char原创 2020-09-28 23:07:10 · 11440 阅读 · 3 评论 -
用js做了一个简单的中文验证码
效果图:我这边中文库里录入的是百家姓,下面上代码,一些少有的难点,我会在注释里解释。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script> let str='赵钱孙李周吴郑王冯陈褚蒋沈韩杨朱秦尤许何'; str+='吕施张孔曹严华金魏陶姜戚谢邹喻柏水窦章云苏潘葛奚范彭郎';原创 2020-09-28 10:08:19 · 367 阅读 · 0 评论 -
用html+js+css做了一个简单石头剪子布(一个用户输入另两个电脑随机)
效果图:输入1是剪刀,2是石头,3是布。输入完之后,会弹出一个弹窗,显示你是赢了还是输了。代码非常简单,唯一难点的地方,就在js里面,里面有一丢丢难度的地方,会在注释里面解释。下面上代码: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #screen1{原创 2020-09-28 09:14:50 · 559 阅读 · 0 评论 -
用JS做一个简单的九九乘法表三( ᐛ )
效果图:代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script> //99乘法表 倒三角 for(let i=9;i>0;i--){ for(let j=1;j<=i;j++){ document.write(j+"*"+i+"="+j*i+" ");原创 2020-09-27 22:58:39 · 306 阅读 · 0 评论 -
用简单的html+css做一个魔方扭动特效ฅ(๑ ̀ㅅ ́๑)ฅ
效果图:CSDN上传不了本地的视频,但这个魔方是可以来回转动+逐层扭动的。这个语法图看到下面的话后在翻上来看。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet"href="css/mofang1.css" /> <link rel="stylesheet"hr原创 2020-09-27 22:49:32 · 724 阅读 · 0 评论 -
用HTML+CSS简单做了张简历表格
这里写自定义目录标题用HTML+CSS简单做了张简历表格效果图:代码块:用HTML+CSS简单做了张简历表格效果图:代码块:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> p{ font-size: 40px; text-align: cent原创 2020-09-08 22:17:36 · 835 阅读 · 0 评论 -
HTML5的新增标签
HTML5新增的元素: 1.新增的结构元素: header,footer,section,article,aside,nav 2.新增的功能元素: hgroup,figure,video,audio,embed,mark,time 3.废除的元素: big,center,font,u HTML5主张用CSS3来呈现文本效果。HTML5新增标签:<t...原创 2020-03-14 19:14:35 · 328 阅读 · 0 评论