![](https://img-blog.csdnimg.cn/37bb73ec0abb4e388ba6a3a97950706e.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
#HTML
一起学习HTML
酒菡
学习之路,大家一起进步
展开
-
DOM操作.操作元素内容
DOM操作.操作元素内容原创 2022-10-06 14:12:28 · 643 阅读 · 2 评论 -
Javascript版本------》冒泡排序
<!DOCTYPE html><html lang="en"><head> <title>Document</title></head><body> <script> /* 冒泡排序 [9,3,6,8,1,2,5,4,7] 经过代码处理 [1,2,3,4,5,6,7,8,9] */.原创 2022-04-20 10:36:51 · 699 阅读 · 0 评论 -
javascript------>数组array
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2022-04-17 22:31:31 · 981 阅读 · 0 评论 -
javascript------>对象数据类型
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2022-04-17 16:04:46 · 491 阅读 · 0 评论 -
JavaScript----->作用域
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2022-04-16 11:42:32 · 487 阅读 · 0 评论 -
javascript----->递归函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2022-04-16 11:21:47 · 337 阅读 · 0 评论 -
javascript------->函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2022-04-16 10:55:24 · 273 阅读 · 0 评论 -
JavaScript------运算符
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2022-04-15 19:44:58 · 329 阅读 · 0 评论 -
html.javascript------>数据类型的转换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2022-04-15 00:21:18 · 654 阅读 · 0 评论 -
javascript------>数据类型
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2022-04-14 23:45:10 · 517 阅读 · 0 评论 -
html.javascript---->变量
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2022-04-14 23:14:35 · 580 阅读 · 0 评论 -
html.javascript---->书写方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2022-04-14 22:52:10 · 349 阅读 · 0 评论 -
html----->表单进阶------>字段集
<!DOCTYPE html><head> <title>表单进阶</title></head><body> <h1>表单进阶-字段集</h1> <fieldset> <legend>性别</legend> <input type="radio" name="zzz">男 <br/.原创 2022-04-14 16:01:11 · 252 阅读 · 0 评论 -
html------->表单进阶----->文字域
<!DOCTYPE html><head> <meta charset="UTF-8"> <title>表单进阶</title> <style> textarea{ resize:vertical horizontal; /* resize 重新设置大小 vertical 垂直 horizonta 水平 .原创 2022-04-14 15:36:31 · 104 阅读 · 0 评论 -
html----->表单进阶----->下拉菜单
<!doctype html><html><head><meta charset="utf-8"><title>表单进阶</title></head><body> <h1>表单进阶-下拉菜单</h1><div> <!-- elect size,显示几个 multiple,选多个 --> <.原创 2022-04-14 13:51:26 · 146 阅读 · 0 评论 -
HTML---->进阶->复选框->文件上传->图片按钮->隐藏->禁用,只读
<!doctype html><html><head><meta charset="utf-8"><title>表单进阶</title></head><body> <h1>表单进阶-复选框(多选)</h1> <div> <div>爱好</div> <div> <div> .原创 2022-04-13 16:01:08 · 149 阅读 · 0 评论 -
html-表单进阶-单选框
<!doctype html><html><head><meta charset="utf-8"><title>表单进阶</title></head><body> <hi>单选框</hi> </body> <div>你对学校的满意度<div/> <div> <in.原创 2022-04-13 14:09:48 · 260 阅读 · 0 评论 -
初步认识表单------>html
<!doctype html><html><head><meta charset="utf-8"><title>表单</title></head><body> <form action="学习.html" method="post"> 用户信息:<input type="text" placeholder="请输入你的用户名" name="name"> .原创 2022-04-13 14:07:01 · 81 阅读 · 1 评论 -
css-元素
<!doctype html><html><head><meta charset="utf-8">s<title>css-元素</title><style>/*块元素(block element)1.块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域2.默认情况下,块状元素都会占据一行;默认情况下,块状元素会按顺序自上而下排列。3.块状元素都可以定义自己的宽度和高度。4.块状元素一般都作为其他元素的容器,它可原创 2022-03-17 22:11:46 · 126 阅读 · 0 评论 -
css-溢出属性
<!doctype html><html><head><meta charset="utf-8"><title>溢出属性</title><style>div{width:200px;height: 200px;background-color: yellow;/*white-space: nowrap;/*overflow: visible;*//*显示溢出*//*overflow: hidden;*//*溢出隐藏,文本裁切原创 2022-03-16 21:01:31 · 159 阅读 · 0 评论 -
学习HTML
学习笔记原创 2022-02-27 17:42:01 · 770 阅读 · 0 评论 -
HTML+CSS一起学习
html+css原创 2022-02-28 23:19:58 · 361 阅读 · 0 评论 -
纯HTML写国际象棋棋盘
一起学习一起进步原创 2022-03-02 21:07:05 · 1693 阅读 · 0 评论 -
html之锚点链接
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>6-12个月宝宝作息时间表</title> </head> <body> <!--锚点链接锚点是可以与链接的文字在同一个页面,也可以在不同的页面的超链接。创建锚点链接分为两步,先定义锚点,再通过id名标注跳转到锚点目标的位...原创 2022-03-06 01:05:43 · 6165 阅读 · 0 评论 -
html5结构标签,nav标签,ruby标签,mark标签,cite标签,section标签,article标签
1.html5结构标签<!DOCTYPE html><html><head><meta charset="utf-8"/><title>HTML5结构标签</title> <style type="text/css">header,nav,article,aside,section,footer{border:solid 1px red;padding:10px;margin:6px;} heade...原创 2022-03-06 13:47:44 · 2273 阅读 · 0 评论 -
hander标签,footer标签,aside标签
1.hander标签<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><!--1.header标签定义文档的页眉,通常是一些引导和导航信息2.header标签不局限干写在网页头部,也可以写在网页内容里面。3.通常<header>标签至少包含(但不局限于)一个标题标记(<原创 2022-03-06 17:10:06 · 2326 阅读 · 0 评论 -
css-选择器
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title> <style>/*1元素选择器*/ div{ background-color: red; }/*2.class选择器/类选择器*/ .gfg{ color: red; } ...原创 2022-03-09 21:21:00 · 329 阅读 · 0 评论 -
css-列表属性
<!doctype html><html><head><meta charset="utf-8"><title>css-列表属性</title> <style> body{ background: pink; } ul{ list-style-type:circle; } li{ bo...原创 2022-03-09 21:26:52 · 636 阅读 · 0 评论 -
css-背景属性
<!doctype html><html><head><meta charset="utf-8"><title>css-背景属性</title> <style> body{ background-color:pink; /* background-color:red; backgroubd-color:reg(red,gree...原创 2022-03-11 16:53:26 · 279 阅读 · 1 评论 -
css-浮动
<!doctype html><html><head><meta charset="utf-8"><title>css-浮动</title><style>/*float浮动float:left元素靠左浮动float:right元素靠右浮动float:none元素不浮动浮动作用:定义网页中其他文本如何环绕该元素显示 2.就是让竖着的东西横着来*/ /*clearclear:onoe;允许浮动对象clear:right;不...原创 2022-03-11 19:10:29 · 150 阅读 · 0 评论 -
css-盒子模型
<!doctype html><html><head><meta charset="utf-8"><title>css-盒子模型</title><style>/*盒子模型是css布局的基石,他规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以像一个盒子一样的外形的平面空间,即都可以像盒子一样的外形和平面空间,即包含边框、边界、补白、内容区、这就是盒子模型。*/ div{ ...原创 2022-03-13 14:21:09 · 280 阅读 · 0 评论