html文件

vue脚手架项目结构

梦想的初衷 提交于 2020-02-10 02:54:38
build, config文件夹:webpack配置相关 node_modules文件夹:脚手架所需的依赖也就是npm install安装的 src文件夹:项目位置 static文件夹:存放第三方静态资源 .babelrc文件:babel配置 实现js转译 .editorconfig文件:编辑器的风格配置代码缩进等 .eslintignore文件:忽略语法检查的目录文件 .eslintrc文件:eslint代码检查的配置规则 .gitigore文件:提交到git仓库时忽略的文件目录 index.html文件:入口html文件 package.json文件:项目的配置 来源: https://www.cnblogs.com/gr07/p/9914413.html

网页

杀马特。学长 韩版系。学妹 提交于 2020-02-09 20:13:04
1、什么是网页 网站是根据在因特网上根据一定的规则,使用HTML等制作的用于展示特定内容相关的网页集合 网页是网站中的一页,通常是HTML格式的文件,它要通过浏览器来阅读 网页是构成网站的基本元素,它通常有图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常见以.html或.htm后缀结尾的文件,因此将其俗称为HTML文件。 2、什么是HTML HTML指的是超文本标记语言,它是用来描述网页的一种语言 HTML不是一种编程语言,而是一种标记语言。 标记语言是一套标记标签。 所谓超文本,有2层含义: 1、它可以加入图片、声音、动画、多媒体等内容(超越了文本限制) 2、它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超级链接文本)。 3、网页的形成 网页是由网页元素构成的,这些元素是利用html标签描述出来,然后通过浏览器解析来显示给用户的。 前端人员开发代码——浏览器显示代码(解析、渲染) —— 生成最后的web页面 来源: https://www.cnblogs.com/lisalisalisa/p/12288379.html

CSS选择器、盒子模型、浮动与定位等详解

别说谁变了你拦得住时间么 提交于 2020-02-09 15:14:18
文章目录 一、CSS 1、学习目标 1.1、什么是CSS 1.2、CSS样式的两种写的方法 1.3、CSS的3种导入方式 2、选择器(重要) 2.1、基本选择器 2.2、层次选择器 2.3、结构伪类选择器 2.4、属性选择器 3、美化网页元素 3.1、为什么美化网页 3.2、字体样式 3.3、文本样式 3.4、阴影 3.5、超链接伪类 3.7、背景 4、盒子模型 4.1、什么是盒子模型 4.2、边框 4.3、内外边距 4.4、圆角边框 4.5、盒子阴影 5、浮动 5.2、display 5.3、float 5.4、父级边框塌陷问题 6、定位 6.1、相对定位 6.2、绝对定位 6.3、固定定位 6.4、z-index 一、CSS 1、学习目标 CSS的作用及简单使用(入门) CSS选择器(重难点) 美化网页 盒子模型 浮动与定位 网页动画 1.1、什么是CSS CSS:层叠级联样式表(Cascading Style Sheet),作用是为了美化网页,给网页增添样式,包括字体、颜色、位置、背景图、定位与浮动等 CSS发展史: CSS1.0 CSS2.0:DIV(块) + CSS,产生了HTML 与 CSS 结构分离的思想,让网页变得简单 CSS2.1:增添浮动,定位 CSS3.0:增添圆角,阴影,动画…. 浏览器兼容性更好 1.2、CSS样式的两种写的方法

Web前端—01HTML超文本标记语言

拥有回忆 提交于 2020-02-09 03:10:19
文章目录 一、Wed前端开发介绍 1、Web概述 2、Web起源 3、Web的特点 4、Web工作原理 5、URL介绍 二、HTML网页结构 1、HTML介绍 2、HTML基本结构 3、文档类型 4、文档规范与注释 三、HTML标签 1、文本标签 2、换行标签 3、列表标签 4、div和span标签 5、图片标签img 6、超链接标签 7、表格标签 (1)表格标签 (2)表格标签合并 (3)案例 8、表单标签 (1)表单标签 (2)表单项标签 (3)案例 (3)文本域标签 (4)下拉列表标签 (5)按钮标签 9、html内嵌框架 以上介绍到的是一些常用的标签,还有很多,需要时可以上网查询,菜鸟教程或者W3C 一、Wed前端开发介绍 1、Web概述 前端开发三剑客: HTML :超文本标记语言 CSS :层叠样式表,用来装饰HTML框架 JavaScript :前端编程语言,用来使页面进行交互,动态展示 三者可以理解为:人(HTML) ---- 给人化妆 (CSS)---- 使人动起来(JavaScript) 在使用JavaScript时候,它很底层,开发的时候太慢,为了使开发页面更快,其实是封装了JS的一些框架,类似于python中的模块,比如jQuery,viewe.js等 2、Web起源 1984年蒂姆伯纳斯李创造了世界上第一个万维网导航站点世界上第一个网站 3、Web的特点

AJAX---模板引擎的使用

大憨熊 提交于 2020-02-08 12:45:36
模板引擎的使用 1. 选择一个模板引擎 https://github.com/tj/consolidate.js#supported-template-engines 2. 下载模板引擎JS文件 3. 引入到页面中 4. 准备一个模板 5. 准备一个数据 6. 通过模板引擎的JS提供的一个函数将模板和数据整合得到渲染结果HTML 7. 将渲染结果的HTML 设置到 默认元素的 innerHTML 中 具体如下 1. 选择一个模板引擎 https://github.com/tj/consolidate.js#supported-template-engines 2. 下载模板引擎JS文件 3. 引入到页面中 <script src="template-web.js"></script> 4. 准备一个模板 这里是要循环遍历,翻阅文档,找到循环的模板 each 内部 $value 拿到的是当前被遍历的那个元素 <script id="tmpl" type="text/x-art-template"> {{each comments}} <tr> <td>{{$value.author}}</td> <td>{{$value.content}}</td> <td>{{$value.created}}</td> </tr> {{/each}} </script> 5. 准备一个数据

深入理解BS结构应用程序

◇◆丶佛笑我妖孽 提交于 2020-02-08 06:22:40
深入理解BS结构应用程序   随着学习的深入,和编程经验的丰富,对 BS 应用程序有一些认识。   在一些讨论软件技术的 QQ 群里,或一些社区、 BBS 中,经常会有一些初学者会犯一些认知性的错误。比如经常会有一些朋友提这样的一些问题:“我怎么在 ASP 中调用我写的这个 JavaScript 函数啊?”或者说“我怎么在 JavaScript 中调用我 DAL 层读取数据的方法啊?”   对于这些问题,说实话,我也犯过,当时也纠结的不得了。现在想想,其实是对 BS 结构的程序没有一个整体的概念,或者可以说根本不知道什么叫 BS 结构的应用程序。因此,学习过程中会走不少弯路,经历不少痛苦。   经过这几年的学习,有一些心得经验,和大家分享一下。   要理解 BS 这个概念,必需要从 BS 应用程序的起源说起。   BS 应用程序又称 Web 应用程序。其实最初 Web 并不是应用程序,它只是一种服务,一种共享信息的服务。   Web 是什么,是网,是网络。最早的网络只是提供了一种下载并打开远端页面文件的一种服务,人们可以通过远程计算机中的地址和文件保存的路径来查看该计算机中共享的文件。这些文件通常是一页页的文本内容,在网络中访问它的那个路径称为 Uniform / Universal Resource Locator ( URL ,统一资源定位符)。  

0621笔记

﹥>﹥吖頭↗ 提交于 2020-02-08 04:08:23
html 开发网站的三种技术 Html 负责网页的结构 Css 站在美学的角度进行美化 JavaScript 站在用户体验的角度设计网页的交互效果 主讲Html 超文本标记语言(HyperText Markup Language) 文本:txt文本 超文本:文本、图片、链接、音乐、程序 标记:标签 单标签和双标签 html当中,不存在编程语言的语法,而是充斥着各式各样的标签 html运行环境是浏览器(用于打开网页) 在浏览器中打开的网页本质上都是一个文本,而这个文本称之为html html5文档结构说明 <!DOCTYPE html> html5 文档声明头 <html></html> 双标签 定义html文档内容的结构 <head></head> 头部 里面写的内容是对于当前网页的一些预定义信息 <body></body> 写给用户看的内容 <meta charset = "UTF-8"> 设定当前网页的编码格式 <title>网页标题</title> 通常情况下,title要放在meta字符集设置的下面,防止出现乱码 <link rel = "stylesheet" href = "style.css"> 引入外部的css文件 meta标签的其他用法 标签的定义及使用说明 元数据(Metadata)是数据的数据信息。 标签提供了 HTML 文档的元数据。元数据不会显示在客户端

简单的JSP登录页面

流过昼夜 提交于 2020-02-08 03:23:36
我们这里需要实现的功能是,一个 jsp 登录页面,在里面填入用户名和密码然后点击登录。如果用户名和密码均正确,则跳转到相应的登录成功页面,否者跳转到登录失败页面。 下面是登录页面 index.jsp 文件代码: <%@ page language="java" contentType="text/html; charset=GB2312" pageEncoding="GB2312"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title> 登录页面 </title> <style type="text/css"> <!-- .STYLE1 { font-family: " 宋体 "; font-size: 36px; color: #FF0000; } body { background-image: url(cqu3.jpg); background-repeat: no

用JS代码判断html文件是否已经引入某个css文件或是js文件

亡梦爱人 提交于 2020-02-08 02:39:26
利用JS代码判断,引入输出true,引入失败false: function isInclude(name){ var js= /js$/i.test(name); var es=document.getElementsByTagName(js?'script':'link'); for(var i=0;i<es.length;i++) if(es[i][js?'src':'href'].indexOf(name)!=-1)return true; return false; } alert(isInclude("abc.js")); alert(isInclude("efg.css")); 来源: CSDN 作者: AlphaCat_NULL 链接: https://blog.csdn.net/qq_40276753/article/details/104216115

CSS+HTML(二)------HTML标签(一)

梦想与她 提交于 2020-02-07 07:45:32
一.标签的语法: 1. 标签 由英文尖括号 < 和 > 括起来,如 <html> 就是一个标签。 2. html中的标签一般都是成对出现的,分 开始标签 和 结束标签 。结束标签比开始标签多了一个 / 。 如: (1) <p></p> (2) <div></div> (3) <span></span> 3. 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div>的前面。如下图所示。 4. HTML标签不区分大小写, <h1> 和 <H1> 是一样的,但建议小写,因为大部分程序员都以小写为准。 二.认识html文件基本结构 这一节中我们来学习html文件的结构:一个HTML文件是有自己固定的结构的。 <html> <head>...</head> <body>...</body> </html> 1. <html></html> 称为根标签,所有的网页标签都在<html></html>中。 2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有 <title> 、 <script> 、 <style> 、 <link> 、 <meta> 等标签,头部标签在下一小节中会有详细介绍。 3. 在 <body> 和 </body> 标签之间的内容是网页的主要内容,如 <h1> 、 <p> 、 <a> 、