html文件

HTML笔记

梦想的初衷 提交于 2020-02-27 04:07:56
一、HTML简介 1.HTML是什么? HTML:Hyper Text Markup Language超文本标记(标签)语言 由多种标签组成,用来制作网页,告浏览器该如何显示页面 2.HTML语言的作用? 制作网页,控制网页和内容的显示 插入图片、音乐、视频、动画等多媒体 通过链接检索信息 使用表单获取用户信息,实现交互 3.版本 w3c:World wide web consortium万维网联盟,制定WEB技术相关标准和规范的组织,HTML由W3C制定的标准 两个版本:HTML4.0和HTML5.0 官网:https://www.w3school.com.cn/ 4.HTML后缀名-----扩展名 HTML文件的扩展名是以.html或.htm来结尾 二、HTML文档的结构 1.基本结构 1.1 简介 HTML标签是由尖括号括起来的关键,如,通常都是成对出现的,如 以为根标签,包含:头部和主题部分 头部提供关于网页的相关信息,如标题、字符编码、文档类型、关键等摘要信息 合理的进行缩进 标签名不区分大小写,但一般习惯用小写 1.2 开发工具 记事本notepad sublime notepad++Dreamweaver VScode Webstorm等 使用步骤: 1.新建文档(ctrl+N),然后保存(ctrl+s),指定扩展名为.html(代码无颜色提示) 2.编写HTML文件

HTML笔记

徘徊边缘 提交于 2020-02-27 03:55:59
一、HTML简介 1.HTML是什么? HTML:Hyper Text Markup Language超文本标记(标签)语言 由多种标签组成,用来制作网页,告别浏览器该如何显示网页 2.HTML语言的作用? 制作网页,控制网页和内容的显示 插入图片、音乐、视频、动画等多媒体 通过链接检索信息 使用表单获取用户信息,实现交互 3.版本 W3C:World wide web consortium万维网联盟,制定WEB技术相关标准和规范的组织,HTML就是由w3c制定的标准 两个版本:HTML4.0和HTML5.0 官网:https://www.w3chool.com.cn/ 4.HTML后缀名----扩展名 HTML文件的扩展名 是以.html或.htm来结尾 二、HTML文档的基本结构 1.基本结构 1.1简介 HTML标签是由尖括号括起来的关键词,如 <html> ,通常都是成对出现的,如 <html></html> 以 <html> 为根标签,包含 <head> 头部和 <body> 主体部分 头部提供关于网页的相关信息,如标题、字符编码、文档类型、关键词等摘要信息 主体部分提供网页的具体内容,真正显示在页面中 合理的进行缩进 标签名不区分大小写,但一般习惯用小写 案例1: 案例2: 案例3: 1.2开发工具 记事本notepad, sublime, notepad++

php+mysql存储html文件

雨燕双飞 提交于 2020-02-26 15:11:15
$fileContent = trim($fileContent); $fileContent=$queueList->characet($fileContent); $fileContent = addslashes(htmlspecialchars($fileContent,ENT_QUOTES,'UTF-8')); characet如下: public function characet($data){ if( !empty($data) ){ $fileType = mb_detect_encoding($data , array('UTF-8','GBK','LATIN1','BIG5','gb2312')) ; if( $fileType != 'UTF-8'){ $data = mb_convert_encoding($data ,'utf-8' , $fileType); } } return $data; } 读取如下: htmlspecialchars_decode(stripslashes($res['content']),ENT_QUOTES) 来源: CSDN 作者: moliyiran 链接: https://blog.csdn.net/moliyiran/article/details/104515856

前端入门系列--HTML(1)

安稳与你 提交于 2020-02-26 14:44:54
最近在学习前端开发,故将学习中的一些笔记分享供大家一起学习,也便于后期的查找复习。 web的三大标准构成 1、结构–对网页元素进行整理和分类,即html 2、表现–用于设置页面元素的板式、颜色、大小等外观样式,即css 3、行为–指网页模型的定义以及交互的编写 对于html 网页是由网页元素组成的,这些元素利用html标签描述出来再通过浏览器解析从而展示给用户 html超文本语言两层含义 可以加入图片、声音、动画、多媒体等内容(**超越文本限制 **) 可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(**超级链接文本 **) html基本骨架 <html> <head> <title></title> </head> <body> </body> </html> 其中html是最大标签,head是文档头部(其中的title是网页上方显示的标题),而body是主体内容(以后大多数东西都放入其中); 此外,script可放于head(需调用才执行的脚本或事件触发执行的脚本)以及body(当页面被加载时立即执行的脚本)中; html元素分类 1、常规元素 <标签名> 内容 </标签名> 其有开始标签以及结束标签,结束标签比开始标签多一个‘/‘ 2、空元素 <标签名 /> 其只有单标签,如 这些 基本html解析 <!-- 告诉浏览器文档使用哪种html规范(html5规范) -

原生JavaScript实现json数据转Excel以及对照片URL数组进行统一打包zip集中下载功能

与世无争的帅哥 提交于 2020-02-26 13:14:08
这两天遇到一个问题,即前端能获取到一个json对象,需求是通过点击按钮即可保存Excel表格和照片,即提取特定的数据加上title导出为Excel格式的文档保存到本地以及再把特定照片链接数据提取出来丢进一个数组,然后再编写函数对其逐一循环统一放进一个文件里打包成zip下载,之前找了好多方法但是由于js是依托于浏览器等原因都只能是单张处理。最后实在无赖就请教了一些师姐,她人挺好立马找来了demo(见片尾师姐版解决方案),好了话不多说上代码: 其包括多张处理与统一处理打包成zip处理并提供自定义命名+后缀处理。 HTML: <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org" lang="en"> <head> <meta charset="utf-8" /> <title>详情页</title> <script src="./js/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="./css/detail.css"> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://cdn

python学习之javascripts

感情迁移 提交于 2020-02-26 01:58:28
JavaScript 简介 JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。 简单的javascripts <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> alert("我的第一个 JavaScript"); </script> </head> <body> 这是一个javascript页面 </body> </html> <body> 中的 JavaScript 在本例中,JavaScript 会在页面加载时向 HTML 的 <body> 写文本: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> document.write("<h1>这是一个标题</h1>"); document.write(

python学习之web中的html

左心房为你撑大大i 提交于 2020-02-26 01:02:46
Web概述 web起源 web特点 1.易导航和图形化界面 2.与平台无关 3.分布式结构 4.动态性 5.交互性 html 网页结构 HTML(Hyper Text Mark-up Language )即是 超文本标记语言, 通过使用标记标签来描述页面文档 结构和表现形式的一种语言,再由浏览器进行解析, 然后把结果展示在网页上。 •超文本指的是超链接 •标记指的是标签 1).HTML文件用编辑器打开显示的 是文本,可以用文 本的方式编辑. 2). HTML文件用浏览器打开,浏 览器会按照标签描述内容将文件渲 染成网页,显示的网页可以从一个 网页 链接跳转到另外一个网页。 html文档规范与注释 xhtml制定了文档的编写规范,html5可部分遵守,也可全部遵守,看开发要求。 1、所有的标签必须小写 2、所有的属性必须用双引号括起来 3、所有标签必须闭合 4、img必须要加alt属性(对图片的描述) html文档代码中可以插入注释,注释是对代码的说明和解释,注释的内容不会显示 在页面上,html代码中插入注释 的方法是: <!-- 这是一段注释 --> html标签 第一个html标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>西部开源中心</title> </head> <body>

HTML笔记

戏子无情 提交于 2020-02-25 21:28:22
文件扩展名 Word.docx Excel.xlsx PPT.pptx 打开文件扩展名的方法: [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KeGpHa6l-1582629199797)(C:\Users\DELL\AppData\Local\Temp\1581996119251.png)] 或者: [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SpNAv0rD-1582629199801)(C:\Users\DELL\AppData\Local\Temp\1581996155642.png)] ####一、HTML简介 1.HTML是什么? HTML:Hyper Text Markup Language 超文本标记(标签)语言 由各种标签组成,用来制作网页,让浏览器该如何显示页面 2.作用 制作网页,控制网页和内容的显示 插入图片,音乐,视频,动画等多媒体 通过链接检索信息 使用表单获取用户的数据,实现交互 3.HTML版本 www:World Wide Web C:consortium W3C:互联网联盟,制定Web技术的相关标准和规范的组织,HTML就 是由W3C制定的标准 两个版本:HTML 4.0.1, HTML 5.0-----通常H5 官网: https://www.w3school.com.cn 4

webpack第一次

一曲冷凌霜 提交于 2020-02-25 19:26:39
目录 webpack 1.动手实践 1.1动手实践过程 1.2第一次打包 1.2.1 单独的js文件打包 1.2.2 js引用其他文件打包 1.2.3 css文件类型打包 1.2.4 运行html文件 1.2.5 利用webpack命令参数可以提交效率的方式 1.3 webpack基本配置 1.3.1 webpack配置文件 1.3.2 webpack配置文件添加运行命令的参数 1.3.3 webpack配置文件中的entry和output new 1.4 自动化生成项目中的html页面 1.4.1 入门:自动化生成项目中的html页面 1.4.2不同类型的文件生成不同的目录文件 1.4.3 打印htmlWebpackPlugin插件的配置参数 1.4.4 项目上线 webpack 1.动手实践 1.1动手实践过程 1.首先使用node安装npm,去文件目录下面, mkdir zdj cd zdj mkdir webpack-test cd webpack-test nmp init --- 下面会出现package.json文件 npm install webpack --save-dev ---安装webpack 为什么要使用npm init初始化项目 在node开发中使用npm init会生成一个pakeage.json文件,这个文件主要是用来记录这个项目的详细信息的

前端-CSS-介绍及三种引入方式

本小妞迷上赌 提交于 2020-02-25 05:10:34
我们为什么需要CSS? 使用css的目的就是让网页具有美观一致的页面,另外一个最重要的原因是内容与格式分离 在没有CSS之前,我们想要修改HTML元素的样式需要为每个HTML元素单独定义样式属性,当HTML内容非常多时,就会定义很多重复的样式属性,并且修改的时候需要逐个修改,费心费力。是时候做出改变了,所以CSS就出现了。 CSS的出现解决了下面两个问题: 将HTML页面的内容与样式分离。 提高web开发的工作效率。 什么是CSS? CSS是指层叠样式表(Cascading Style Sheets),样式定义如何显示HTML元素,样式通常又会存在于样式表中。也就是说把HTML元素的样式都统一收集起来写在一个地方或一个CSS文件里。 css的优势 1.内容与表现分离 2.网页的表现统一,容易修改 3.丰富的样式,使页面布局更加灵活 4.减少网页的代码量,增加网页浏览器速度,节省网络带宽 5.运用独立页面的css,有利于网页被搜索引擎收录 如何使用CSS? 我们通常会把样式规则的内容都保存在CSS文件中,此时该CSS文件被称为外部样式表,然后在HTML文件中通过link标签引用该CSS文件即可。这样浏览器在解析到该link标签的时候就会加载该CSS文件,并按照该文件中的样式规则渲染HTML文件。 CSS基础语法 css的三种引入方式 内嵌方式(不方便维护,不建议使用)