网页开发
文章平均质量分 63
HTML CSS JavaScript Flask AJAX
炒鸡蛋44
while True
展开
-
JavaScript内置对象
对象:对象是由属性和方法组成的,使用点语法访问。一.数组对象1.1 创建数组的方式:字符[]new Array()对象<script> var arr = [1,2,3,4]; var arr1 = new Array(1,2,3,4); console.log(arr); console.log(arr1); for(var i=0;i<arr.length;i++){ .原创 2021-11-13 12:58:12 · 701 阅读 · 0 评论 -
超详细JavaScript基础 二 函数与流程
一.认识流程在javascript中,根据代码执行的方向和功能的不同,流程又可以分为下面三大类。顺序结构 选择结构 循环结构1.顺序结构在javascript中,代码在执行过程中。默认是由上而下的顺序结构,先写先执行,后写覆盖原来代码。2.选择结构根据条件的真/假,决定执行对应的语句,这种方式称之为选择结构,按条件的数量不同,分为下列三种。if语句 if else语句 if else if语句 新switch语句2.1...原创 2021-11-08 22:25:15 · 693 阅读 · 0 评论 -
超详细JavaScript入门基础+练手小案例
一.什么是JavaScript它是一种浏览器解释型语言,嵌套在HTML文件中交给浏览器解释执行。主要用来实现网页的 动态效果,用户交互及前后端的数据传输等。它由下列三部分组成:1.核心语法:规范JavaScript的基本语法。2.BOM:提供了一系列操作浏览器的方法。3.DOM:提供了一系列操作文档的方法。二.使用方法将JavaScript嵌入页面有以下三种方式:1.元素绑定事件事件:指用户的行为(单击,双击等)。事件处理:元素监听事件,并在事件发生后自动执行事件过程原创 2021-10-28 23:40:33 · 2356 阅读 · 0 评论 -
三分钟小案例
1.构建一个导航栏显示页使用浮动布局来显示下列效果1.设置所有元素浮动2.使用盒模型调整元素距离<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=原创 2021-10-27 23:11:48 · 65 阅读 · 0 评论 -
常见的布局方式
页面中为了更好的展示数据,需要对页面元素进行布局,常见的布局方式有以下三种:一.默认布局:它是默认布局方式,按照代码书写顺序及标签类型从上到下,从左到右依次显示。(适用于页面元素的微调) <title>默认布局</title> <style> div{ width: 200px; height: 200px; /* 行内块元素 */ .原创 2021-10-20 23:10:17 · 2329 阅读 · 0 评论 -
CSS盒模型基础知识
盒子模型分别由标签内容,内边距,边框和外边距组成。1.功能:在模型中,它规定了 标签处理内容,内边距,外框和外边距的方式。2.组成:最内是内容,保卫内容的是内边距,内边距的边缘是边框,边框的外围是外边距。3.特点:边框以外是外边距,外边距默认是透明的。...原创 2021-10-18 21:11:33 · 144 阅读 · 0 评论 -
草履虫都看得懂的CSS入门基础^^
CSS介绍:使用方式:一、内联样式:常见CSS属性:字体颜色:color:背景颜色:background-color:字体大小:font-size:文字水平对齐:text-align:CSS属性大全_代码改变生活-CSDN博客_css属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta htt...原创 2021-10-11 21:52:40 · 155 阅读 · 0 评论 -
HTML 常用标签
body中常用标签:多个段落快捷键:p*n Tab 内容*nTab<!DOCTYPE html> <!-- # 文档类型说明 --><html lang="en"> <!-- # 页面根标签 --><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> ...原创 2021-10-09 14:09:18 · 96 阅读 · 0 评论 -
HTML 语法介绍 三步创建一个简单的网页页面
添加基本结构:输入英文‘!’点击‘!!!’ 则自动生成<!DOCTYPE html> # 文档类型说明<html lang="en"> # 页面根标签 语言默认为英文<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con...原创 2021-10-09 01:11:04 · 173 阅读 · 0 评论