首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏前端开发

    【HTML+CSS+JavaScript】3d-boxes-background

    HTML <! DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content /all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9

    <script src="script.js"></script> </body> </html> JavaScript @import url('https://fonts.googleapis.com/css2?

    41510编辑于 2024-03-20
  • 来自专栏牛人NR

    html & CSS & JavaScript的学习

    解耦 * 让分工协作更容易 * 提高开发效率 3. css的使用:css与html结合方式 1. -- <link rel="stylesheet" href="<em>css</em>/a.<em>css</em>">--> <!

    </body> * 注意: * 1、2、3种方式,css作用的范围越来越大 * 1方式不常用,后期常用2,3 4. css语法 * 格式: 选择器{ 属性名1:属性值 立即登录

    </body> </html> 三、JavaScript 1. JavaScript = ECMAScript + JavaScript自己特有的东西。 3. 基本语法: 1. 与html结合方式: 1.

7.1K21发布于 2020-09-01
  • 来自专栏ops技术分享

    JavaScript HTML DOM - 改变CSS

    HTML DOM 允许 JavaScript 改变 HTML 元素的样式。 ---- 改变 HTML 样式 如需改变 HTML 元素的样式,请使用这个语法: document.getElementById(id).style.property=新样式 下面的例子会改变

    DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <

    </body> </html> 使用事件 HTML DOM 允许我们通过触发事件来执行代码。 比如以下事件: 元素被点击。 页面加载完成。 输入框被修改。 </button> </body> </html>

    2K20发布于 2021-07-20
  • 来自专栏程序猿的大杂烩

    html+css+JavaScript例题

    这个例题主要是做一个表格,一个存储学生资料的表格,能够完成以下功能: 添加学生 删除学生 修改学生 分页查询学生 html代码: <! DOCTYPE html> <html>     <head>         <meta charset="utf-8" />         <title></title>     </head> --  引入样式文件  -->     <link rel="stylesheet" href="<em>css</em>/style_A.<em>css</em>" />     <!                      

        </body> </html> CSS代码: body{     margin: 0px; } #back_div 230,230,230,0.5); } #tableBody td{     margin-top: 0px;     margin-bottom: 0px;     box-shadow: 0px 0px 3px

    2.3K10发布于 2020-09-23
  • 来自专栏CQ品势

    HTML5+CSS3+JavaScript从入门到精通-16

    HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第十六章 JavaScript的对象编程 案例 16-01 通过对象直接量创建对象 <!DOCTYPE html> <! h3 align="center">多维数组</h3>


    <script type="text/<em>javascript</em>"> var student = new body> <h3 align="center">Array对象的常用属性和方法</h3>
    <script type="text/<em>javascript</em>"> <h3 align="center">Date对象</h3>
    <script type="text/<em>javascript</em>"> var today = new 1;//这里要+1; var day = today.getDate(); var week = today.getDay();//注意getDate和getDay的区别

    89520编辑于 2021-12-06
  • 来自专栏CQ品势

    HTML5+CSS3+JavaScript从入门到精通-21

    HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第二十一章 JavaScript的框架库jQuery 案例 21-01 jQuery的使用 <!

    jQuery的使用


    <h3 id="h01"></h3> </body> </html> 21-02 jQuery的常用选择器 <! ").css("background-color", "pink"); } function myf3() { $(".myc1" 框架库,可简化HTML文档元素的遍历,事件处理,动画和Ajax交互以实现快速Web开发,它被设计用来改变编写Javascript脚本的方式。

    <h3>jQuery的常用事件方法</h3>
    事件往往都是HTML页面的动作引起的,例如当用户按下鼠标或者提交表单,甚至在页面移动鼠标时,事件都会出现

    4K10编辑于 2021-12-06
  • 来自专栏计算机工具

    webview,html,css,javascript,html5与html的区别,原生和H5混合开发

    三维、图形及特效特性(Class: 3D, Graphics & Effects) 基于SVG、Canvas、WebGL及CSS3的3D功能,视觉效果将大大增强,在线3D网游就是最典型的例子。 html,css,javascript, html是标记语言,主要是用于建立复网页的骨架,是结构层,可以理解成建制房子的钢筋水泥 CSS 主要是设置html骨架元素的样式,百比如位置、颜色等等,是表现层 html5与html的区别1:文档声明的区别 html: 1 2 3 <! html5与html的区别3:网页效果 html无法实现一些好看的网页效果,或者说要很复杂的代码才可以实现。 三、总结 其实,对于html和html5的区别,简而言之也就是多了一些东西,少了一些东西,html与html5中更多的区别还是需要你在学习中自己去慢慢发现 原生和H5混合开发(h5只是一种规范,是html

    87000编辑于 2024-12-16
  • 来自专栏CQ品势

    HTML5+CSS3+JavaScript从入门到精通-15

    HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第十五章 JavaScript编程的函数和正则表达式 案例 15-01 函数的定义与调用 <! > <h3 align="center">replace()方法的应用</h3>


    <script type="text/<em>javascript</em>"> var > <h3 align="center">search()方法的应用</h3>
    <script type="text/<em>javascript</em>"> var > <h3 align="center">split()方法的应用</h3>
    <script type="text/<em>javascript</em>"> var myArray = new Array(); var s = "JavaScript,C,C++,Java,HTML,CSS"; var regex = /,/;

    92410编辑于 2021-12-03
  • 来自专栏CQ品势

    HTML5+CSS3+JavaScript从入门到精通-19

    HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第十九章 JavaScript窗口的控制和提醒功能 案例 19-01 打开窗口 <!DOCTYPE html> <! align="center">关闭窗口</h3>


    关闭本窗口 </body> </html> 19 DOCTYPE html> <! align="center">询问对话框</h3>
    询问对话框是利用confirm()方法来创建的 </body> </html> 19-05 弹出窗口式的密码保护网页 align="center">弹出窗口式的密码保护网页</h3>
    弹出窗口式的密码保护网页 </body> </html>

    1K20编辑于 2021-12-06
  • 来自专栏CQ品势

    HTML5+CSS3+JavaScript从入门到精通-01

    HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第一章 案例 01-01 這是第一個HTML5程序! <! </body> </html> 01-02 第一個CSS程序! <! DOCTYPE html> <html> <head> <style type="text/<em>css</em>"> H1.style {border-width:1; border:solid;

    沒有使用CSS樣式!

    </body> </html> 01-03 第一個JavaScript程序! <! DOCTYPE html> <html> <head> <meta charset="gb2312"> <title>第一個JavaScript程序!

    94710编辑于 2021-12-03
  • 来自专栏CQ品势

    HTML5+CSS3+JavaScript从入门到精通-02

    HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第二章 案例 2-1 在網頁中排版一首古詩! <! DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>在網頁中排版一首古詩! DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>在網頁中排版一首古詩!

    </body> </html> 2-3 文本元素 <! DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文本元素</title> </head> <body> <h1 align="center

    74720编辑于 2021-12-03
  • 来自专栏CQ品势

    HTML5+CSS3+JavaScript从入门到精通-08

    HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第八章 CSS基础 案例 08-01 CSS的基本语法 <!DOCTYPE html> <! 组合选择器:用“,”号连接的多个选择器 h1,h2,h3,div,p,em{color:#FF0000;} -- 前面所写的选择器,颜色都是红色 --> <html> <head> 控制网页的结构

    CSS控制网页的外观

    Javascript控制网页的行为

    </body> </html> 08-06 <h3 align="center">连接外部样式表</h3>

    爆竹声中一岁除,春风送暖入屠苏。 -- 内嵌样式,是直接写在HTML元素中的 --> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta

    87730编辑于 2021-12-03
  • 来自专栏CQ品势

    HTML5+CSS3+JavaScript从入门到精通-12

    HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第十二章 Javascript编程的初步知 案例 12-01 JavaScript的数值常量 <! <h3 align="center">JavaScript的数值常量</h3>


    <script type="text/<em>javascript</em>">/*添加script代码*/ <h3 align="center">布尔型常量</h3>
    <script type="text/<em>javascript</em>"> const mya1 = true Javascript区分大小写,HTML标记并不区分大小写。 2. Javascript中,语句用分号分隔。 </h3>
    <h3 align="center">12_位运算符的运用</h3> <script type="text/<em>javascript</em>"> document.write

    1.4K30编辑于 2021-12-03
  • 来自专栏CQ品势

    HTML5+CSS3+JavaScript从入门到精通-09

    HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第九章 CSS中的各种样式 案例 09-01 字体的font-family属性 <!DOCTYPE html> <! /css"> h3 { font-family: 方正粗黑宋简体; } p { font-family: DOCTYPE html> <! align="center">边框的局部样式</h3>


    </body> </html> 09-09 background-color

    </body> </html> 09-14 设置文字与图像的间距 <!DOCTYPE html> <!

    85630编辑于 2021-12-03
  • 来自专栏CQ品势

    HTML5+CSS3+JavaScript从入门到精通-14

    HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第十四章 Javascript编程的循环结构 案例 14-01 利用while循环显示100以内的自然数 <! > <body> <h3 align="center">利用while循环显示100以内的自然数</h3>


    <script type="text/<em>javascript</em> > <body> <h<em>3</em> align="center">随机产生10个随机数,并显示最大的数</h3>
    <script type="text/<em>javascript</em>" <h3 align="center">猴子吃桃问题</h3>
    <script type="text/<em>javascript</em>"> //每次吃剩下的一半,再多一个 <body> <h3 align="center">计算1+2+3+...+100的和</h3>
    <script type="text/<em>javascript</em>">

    72920编辑于 2021-12-03
  • 来自专栏CQ品势

    HTML5+CSS3+JavaScript从入门到精通-03

    HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第三章 案例 03-01 表格的外框(table) 和 行(tr) 單元格(td) <! <body>

    表格


    align="center"> bordercolor="blue"> <h3>網頁導航欄</h3>

    <!

    1.6K40编辑于 2021-12-03
  • 来自专栏CQ品势

    HTML5+CSS3+JavaScript从入门到精通-18

    HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第十八章 JavaScript的网页特效 案例 18-01 文字的跑马灯效果 <!DOCTYPE html> <! > <h3 align="center">大小不断变化的文字动画效果</h3>


    <script type="text/<em>javascript</em>"> var > <h3 align="center">颜色不断变化的文字动画效果</h3>
    <script type="text/<em>javascript</em>"> function <h3>分时问候的时间特效</h3>
    <script type="text/<em>javascript</em>"> var now = new Date(); <h3>滚动的导航栏特效</h3>
    <script type="text/<em>javascript</em>"> var index = 4; var

    2.4K20编辑于 2021-12-06
  • 来自专栏CQ品势

    HTML5+CSS3+JavaScript从入门到精通-13

    HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第十三章 JavaScript编程的判断结构 案例 13-01 任意输入两个数,显示两个数的大小关系 13-02 、13-03 13_3 省略</h3>


    <script type="text/<em>javascript</em>"> var x1, y1, x, y; x1 = prompt <h3 align="center">企业奖金发放系统</h3>
    <script type="text/<em>javascript</em>"> var gain; ="center">判断是否是闰年 -- 省略</h3>
    <script type="text/<em>javascript</em>"> var week; <h3 align="center">用户登录系统</h3>
    <script type="text/<em>javascript</em>"> var user, passward

    84010编辑于 2021-12-03
  • 来自专栏CQ品势

    HTML5+CSS3+JavaScript从入门到精通-07

    HTML5+CSS3+JavaScript从入门到精通 作者:王征,李晓波 第七章 HTML网页中的布局元素 案例 07-01 网页头部和底部的布局 <!DOCTYPE html> <! -- header\footer都是body的子元素 div元素是块级元素,常作为其他html元素的容器;如果与css样式一起使用,可用于对大的内容块设置样式属性 --> <html --body设置中,height是<body>节点下所有的height--> <style type="text/<em>css</em>"> body { height: --> <html> <head> <meta charset="utf-8" /> <title>nav元素中的导航栏</title> <style type="text/<em>css</em> 和time元素</title> <style type="text/css"> body { height: 400px; }

    1.2K30编辑于 2021-12-03
  • 来自专栏CQ品势

    HTML5+CSS3+JavaScript从入门到精通-17

    HTML5+CSS3+JavaScript从入门到精通 17-01 用户登录界面! <! "></option> <option value="<em>CSS</em>"></option> <option value="<em>JavaScript</em>"> ; } </script> </head> <body> <h3 align="center">利用JavaScript改变网页的背景色</h3>


    ">利用JavaScript实现文本框的智能输入</h3>
    <form name="myf"> <! ">cookie的读取</h3>
    <script type="text/<em>javascript</em>"> //该html用google显示不出,用IE可看到结果

    2.1K20编辑于 2021-12-06
  • 领券
    <h3>小學生功課表</h3>
    <h3>小學生功課表</h3>