首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏程序猿的大杂烩

    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>" />     <!                                                                                <td colspan="<em>6</em>"                      

        </body> </html> CSS代码: body{     margin: 0px; } #back_div

    2.3K10发布于 2020-09-23
  • 来自专栏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
  • 来自专栏牛人NR

    html & CSS & JavaScript的学习

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

    </body> </html> 三、JavaScript 1. JavaScript = ECMAScript + JavaScript自己特有的东西。 3. 基本语法: 1. 与html结合方式: 1. NaN参与的==比较全部为false eval():将JavaScript字符串,并把它作为脚本代码来执行 3.URL编码: 传智播客 = %E4%BC%A0%E6%

  • 7.1K21发布于 2020-09-01
  • 来自专栏计算机工具

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

    html,css,javascript, html是标记语言,主要是用于建立复网页的骨架,是结构层,可以理解成建制房子的钢筋水泥 CSS 主要是设置html骨架元素的样式,百比如位置、颜色等等,是表现层 html5与html的区别1:文档声明的区别 html: 1 2 3 <! html5与html的区别3:网页效果 html无法实现一些好看的网页效果,或者说要很复杂的代码才可以实现。 三、总结 其实,对于html和html5的区别,简而言之也就是多了一些东西,少了一些东西,html与html5中更多的区别还是需要你在学习中自己去慢慢发现 原生和H5混合开发(h5只是一种规范,是html 的新版本罢了); 越来越多的商业项目使用了Android原生控件与WebView进行混合开发,用WebView加载html界面, 需要本地Java代码与HTML中的JavaScript进行交互,Android

    87000编辑于 2024-12-16
  • 来自专栏前端开发

    【HTML+CSS+JavaScript】Animated Navigation

    引子 HTML <! DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content ="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="style.<em>css</em>" /> <title > JavaScript const toggle = document.getElementById('toggle') const nav = document.getElementById('nav /css?

    50710编辑于 2024-03-20
  • 来自专栏达达前端

    Day6:html和css

    Day6:html和css 复习 达叔与他的朋友们-复习.png margin: 0; padding: 0; 效果 <! DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <style> DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <style> DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <style> > 推荐 Day1:html和css Day2:html和css Day3:html和css Day4:html和css Day5:html和css 如果看了觉得不错 点赞!

    80530发布于 2019-07-03
  • 来自专栏前端开发

    【HTML+CSS+JavaScript】animated-countdown

    引子 HTML <! DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content ="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="style.<em>css</em>" /> <title > JavaScript const nums = document.querySelectorAll('.nums span') const counter = document.querySelector @import url('https://fonts.googleapis.com/css2?

    51010编辑于 2024-03-20
  • 来自专栏html5期末大作业

    我的DW个人网站设计——安徽宣城6页HTML+CSS+JavaScript

    +CSS 布局制作,web前端期末大作业,大学生网页设计作业源码,这是一个不错的网页制作,画面精明,代码为简单学生水平, 非常适合初学者学习使用。 2.网页编辑:网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html DOCTYPE html> <html> <head> <meta charset="utf-8"> <link type="text/<em>css</em>" rel="stylesheet" href="<em>css</em>/style.<em>css</em> href="shipin.html">宣城视频

  • 美食图片
  • <a href="zhuce.<em>html</em> --底部--> <footer> <p> xxx版权所有</p> </footer> </div> </body> </<em>html</em>> --- 2.<em>CSS</em>样式代码 /*通用类*/ * {

  • 1.5K50编辑于 2022-08-24
  • 来自专栏前端菜鸟变老鸟

    常见的html、css以及javascript兼容方案

        浏览器兼容性一直是一个前端开发人员不可避免的大问题,这篇文章主要列举了html、css以及javascript中一些常见的兼容性问题以及对应的解决方案。 文中所有的demo下载地址:https://github.com/usecodelee/compatibility Html&CSS部分: 1. audio&video 一般的做法: <video 7/8:引入ie-css3兼容文件,不支持除了黑色(#000)以外的其他颜色 5.  这是一个ie6都存在的bug。  image.png 解决方案:在这个div里面加上display:inline;  例如:  Html:

      CSS: .div2

    2.7K10发布于 2018-08-21
  • 来自专栏java大数据

    javascript中html当中如何引用css文件

    1.html当中如何引用css文件 马克-to-win:css:Cascading Style Sheets 例 1.1 <html> <head> <meta http-equiv="Content-Type " content="text/<em>html</em>; charset=gb2312"> <title></title> <! Property) The relationship between the current element and the remote document. --> <link href="outer.<em>css</em> >qixy</td> </tr> <tr> <td>李四</td> </tr> <tr> <td>王五</td> </tr> </table> </body> </<em>html</em> > outer.<em>css</em>: table { background-color: #0000ff; } td { /*the following statement make the border

    4.1K20发布于 2019-11-26
  • 来自专栏前端开发

    【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 > JavaScript const boxesContainer = document.getElementById('boxes') const btn = document.getElementById @import url('https://fonts.googleapis.com/css2?

    41510编辑于 2024-03-20
  • 来自专栏达达前端

    前端学习之路-CSS介绍,Html介绍,JavaScript介绍

    标题图 CSS介绍 学前端必备掌握CSS样式,css为层叠样式表,用来定义页面的显示效果,加强用户的体验乐趣,那么如何用css到html中呢? <h6> 列表

    名称
    Tom
    名称
    Tom
      • 图像 图像标签:< 介绍 JavaScript是基于对象和事件驱动的脚本语言,为html提供信息的动态交互,安全性高,跨平台性强。 引入: <script src=”test.js” type=”text/javascript”></script> 将JavaScript脚本代码嵌入到HTML文档中 <script language 介绍,Html介绍,JavaScript介绍 下面我将继续对Java、 Android中的其他知识 深入讲解 ,有兴趣可以继续关注 小礼物走一走 or 点赞 送❤

    2.8K20发布于 2019-07-03
  • 来自专栏计算机工具

    html css中id和class的区别比较

    css中 # 和 . 区别 . 用于id #用于class属性 html css中id和class的区别比较 1、语法区别: id对应css是用样式选择符“#”(井号)。 class对应css是用样式选择符“.”(英文半角输入句号)。 2、使用次数区别: id属性,只能被一个元素调用(以“#”选择符命名CSS样式在一个页面只能使用调用一次)。 在同一个页面,只可以被调用一次,在CSS里用“#”表示。 class类标记,可以用于被多个元素调用(以“.”选择符命名样式可以一个页面使用多次)是类标签,在同一个页面可以调用无数次(没限制的),在CSS里用“.”表示。

    1.9K10编辑于 2024-12-17
  • 零基础学习HTML(6)——初识JavaScript

    html5速查手册:https://man.ilovefishc.com/html5/ css速查手册:https://man.ilovefishc.com/css3/ 学习正文 script标签: "小甲鱼"> <script type="text/<em>javascript</em>" src="<em>html</em>/hi.js"></script> </head> <body>

    上面的内容哪来的?

    <script type="text/<em>javascript</em>" src="<em>html</em>/patch.js"></script> </body> </html> js文件: var x = document.getElementsByTagName "小甲鱼"> <script type="text/<em>javascript</em>" src="<em>html</em>/patch.js" defer></script> </head> <body>

    我是谁? JavaScript哪行?

    27110编辑于 2026-01-23
  • 来自专栏全栈技术

    使用HTML,CSS和JavaScript创建Chrome扩展程序

    因此,今天,我们将研究如何使用HTML,CSS和JavaScript创建您的第一个Google Chrome扩展程序。 设置 要求 Chrome扩展入门的要求很少。 列表在这里: Google Chrome扩展程序(用于测试) 文本编辑器(我更喜欢VS Code,您可以根据需要使用其他编辑器) 有关HTML,CSS和JavaScript的基础知识 Chrome扩展程序

    3.5K20发布于 2021-08-23
  • 使用 HTML、CSS 和 JavaScript 创建下拉菜单

    今天,我们将,使用HTML、CSS和JavaScript创建一个完全响应式的下拉菜单。我们的目标是展示一个时尚、多功能的下拉菜单,能够在不同的屏幕尺寸下无缝适配,提升用户体验,而无需繁琐的教程。 通过利用HTML搭建结构,CSS进行样式设计,以及JavaScript实现交互功能,我们将打造一个动态菜单,体现现代网页设计原则。 主要亮点:HTML结构:我们将使用HTML为我们的项目打下基础,构建导航栏和下拉菜单组件的结构。CSS样式:通过CSS,我们将为下拉菜单添加样式,确保它在任何屏幕上都看起来精美、专业。 让我们开始吧:从HTML的简单开端到CSS和JavaScript的魔法,让我们展示菜单的演变过程。下拉菜单 HTML 代码:<! /script.js"></script></body></html>下拉菜单 CSS 代码:@import url('https://fonts.googleapis.com/css2?

    3.4K10编辑于 2024-02-12
  • 来自专栏繁依Fanyi 的专栏

    描述 HTML、CSS、DOM、JavaScript分别表示的含义

    请描述 HTML、CSS、DOM、JavaScript分别表示的含义 ① HTML HTML,英文全称 Hyper Text Markup Language,翻译过来就是**①超文本②标记语言**,这是一种用于创建网页的标准标记语言 ② CSS CSS,英文全称 Cascading Style Sheet,翻译过来就是 ①层叠②样式表 层叠:多个样式可以作用在同一个html的元素上,同时生效 样式表:样式表(style sheet JavaScript 是一门**①客户端②脚本语言**,现在几乎所有的 HTML 都使用 JavaScript。 JavaScript与HTML标识结合在一起,从而方便用户的使用操作。 基于对象 JavaScript是一种基于对象的面向对象的脚本语言。可以通过创建对象实现指定的操作。 请列举出 HTML 常用的标记。(至少10个) 一个完整的页面几乎包含上述所有标签,其次还有表格,列表,超链接,图像,引入CSS和脚本文件的标签等,总结在下表。 标签 作用 <!

    2K00编辑于 2023-05-07
  • 来自专栏腾讯IMWeb前端团队

    6张思维导图,帮你搞定HTML、CSS

    这几天看了一下之前整理的HTML和CSS的知识点,发现很多东西都有点忘了,趁此机会复习了一下,也重新整理了一下,决定放出来,给刚入门的孩纸们一个参考。 图片比较大,建议大家看的时候先看下分支,然后点击放大查看具体 思维导图来袭 1、HTML基本结构与CSS选择器 2、HTML常用基本标签 3、CSS的常用属性 4、表格与表单 5、浮动、定位、overflow 6、补充小知识 完成一个小企鹅 最后给大家给大家详细说一下border-radius的用法 普通用法不做详细介绍; 其实我们设置border-radius参数的时候,最多可以设置8个参数,每个参数的位置和代指圆角方向已经在图上表明 下面放一张我主要用 border-radius 画的一个小企鹅 最后的效果图 1、HTML标签部分 2、CSS样式部分 字少图多,还请想学习的孩子耐心点。

    1.9K10编辑于 2022-06-29
  • 来自专栏前端文章小tips

    HTML CSS

    2.CSS 的盒子模型组成? 盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border); 区 别: IE 的 content 部分把 border 和 padding 计算了进去; 3.css 6.JS 数据类型 ? ); 上传文件图片时(数据类型区别); 10.1rem、1em、1vh、1px各自代表的含义? 通常做法是给html元素设置一个字体大小,然后其他元素的长度单位就为rem。

    2.3K30编辑于 2021-12-07
  • 来自专栏网罗开发

    CSS + HTML

    DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=" ="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> body, html x: -x, y: -y, ease: Elastic.easeOut.config(1, 0.1) }); }) } initBt4() </script> </html

    2.9K31发布于 2021-04-26
  • 第 2 页第 3 页第 4 页第 5 页第 6 页第 7 页第 8 页第 9 页第 10 页第 11 页
    点击加载更多
    领券