meta标签 | 易学教程

HTML特效代码大全

阅读更多关于 HTML特效代码大全

1.贴图：<img src="图片地址"> 2.加入连接：<a href="所要连接的相关地址">写上你想写的字</a> 3.在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a> 消除连接的下划线在新窗口打开连接： <a href="相关地址" style="text-decoration:none" target="_blank">写上你想写的字</a> 4.移动字体(走马灯)：<marquee>写上你想写的字</marquee> 5.字体加粗：<b>写上你想写的字</b> 6.字体斜体：<i>写上你想写的字</i> 7.字体下划线: <u>写上你想写的字</u> 8.字体删除线: <s>写上你想写的字</s> 9.字体加大: <big>写上你想写的字</big> 10.字体控制大小：<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大，h5最小) 11.更改字体颜色：<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间 12.消除连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a> 13.贴音乐：<embed src=音乐地址 width=300 height

什么是基本选择

阅读更多关于什么是基本选择

基本选择器介绍基本选择器又分为六种使用方式：如、通用选择器、标签选择器、类选择器、Id选择器、结合元素选择器、多类选择器。基本选择器使用说明表。选择器语法格式含义举例通用选择器 *{属性：值;} 通用选择器可以选择页面上的所有元素，并对它们应用样式，用 * 来表示。不建议使用，IE6不支持，给大型网站增加负担。 *{width: 300px;} 标签选择器标签名{属性：值;} 标签选择器，匹配对应的HTML的标签。 h1{color: red;} 类选择器 .class属性值{属性：值;} 类选择器，给拥有指定的class属性值的元素设置样式。 .box{color: red;} Id选择器 #id属性值{属性：值;} Id选择器，在一个 HTML 文档中，Id 选择器会使用一次，而且仅一次。Id选择器以#来定义。 #box{color: red;} 结合元素选择器标签名 .class属性值{属性：值} 选择器会根据标签名中包含指定的.class属性值的元素。 p.box {color:red;} 多类选择器 .class属性值.class属性值{属性：值;} 通过把两个类选择器链接在一起，仅可以选择同时包含这些类名的元素（类名的顺序不限）。注意：在 IE7 之前的版本中，不同平台的 Internet Explorer 都不能正确地处理多类选择器。 .box

DRF

阅读更多关于 DRF

1.简介 drf 是django rest framewok的简称,主要用于前后端分离项目,用于前端调取接口,后端返回json drf是一个基于django开发的组件，本质是一个django的app。 drf可以办我们快速开发出一个遵循restful规范的程序。简单说只是一个项目而已,然后调取涉及 restful 规范是约束接口的规则 1.给别人提供一个URL，根据URL请求方式的不同，做不同操作。 get,获取 post,增加 put，全部更新 patch,局部更新 delete,删除 2.数据传输基于json格式。 3. 建议用https代替http 4. 在URL中体现api，添加api标识 https://www.cnblogs.com/xwgblog/p/11812244.html # 错误 https://www.cnblogs.com/api/xwgblog/p/11812244.html # 正确 https://api.cnblogs.com/xwgblog/p/11812244.html # 正确建议：https://www.cnblogs.com/api/... 5. 在URL中要体现版本 https://www.cnblogs.com/api/v1/userinfo/ https://www.cnblogs.com/api/v2/userinfo/

day42 html

阅读更多关于 day42 html

前端什么是前端任何与用户直接打交道的操作界面，都是可以称之为前端 eg:电脑界面手机界面平板界面什么是后端真正的幕后操作者为什么要学前端 1.技多不压身 2.全栈工程师（前后端都得会） web服务的本质请求响应浏览器输入网址回车会发生什么事情 1.朝着指定的服务器地址发送请求 2.服务端接收请求并处理 3.返回相应的响应 4.浏览器接收并渲染出好看的页面给用户看请求方式： 1.get请求朝服务器要资源 eg：输入www.baidu.com 2.post请求朝服务端提交数据 eg：登录功能 HTTP协议什么是HTTP协议超文本传输协议什么用规定了服务端与浏览器数据传输的数据格式四大特性 1.基于TCP/IP作用于应用层之上的协议 2.基于请求响应请求对应响应 3.无状态不保存客户端状态，无论来多少次都当初见 4.无连接对应的一种是长连接用websocket 做聊天室的时候会用得到数据格式请求格式：请求首行（请求方式协议版本）请求头（一大堆k:v键值对） /r/n 请求体（敏感信息密码身份证号）响应格式：响应首行（响应方式协议版本）响应头（一大堆k:v键值对） /r/n 响应体（给用户看的数据）响应状态码用数字表达一串文字的要表达的意思 1xx

HTML学习笔记

阅读更多关于 HTML学习笔记

HTML 学习笔记 HTML 简介示例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> （学习笔记） </title> </head> <body> <h1> 我的第一个标题 </h1> <p> 我的第一个段落。 </p> </body> </html> 解析 <!DOCTYPE html> 声明为 HTML5 文档 <html> 元素是 HTML 页面的根元素 <head> 元素包含了文档的元（ meta ）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8 。 <title> 元素描述了文档的标题 <body> 元素包含了可见的页面内容 <h1> 元素定义一个大标题 <p> 元素定义一个段落 <!DOCTYPE> 声明 <!DOCTYPE> 声明有助于浏览器中正确显示网页。网络上有很多不同的文件，如果能够正确声明 HTML 的版本，浏览器就能正确显示网页内容。 doctype 声明是不区分大小写的，以下方式均可： <!DOCTYPE html> <!DOCTYPE HTML> <!doctype html> <!Doctype Html> 注意：目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8 或 GBK 。

如何创建 CSS

阅读更多关于如何创建 CSS

如何插入样式表？ CSS 代码应该写到什么地方呢？ CSS 代码分为三种插入方式，接下来笔者给园友们介绍有哪些插入方式：嵌入式、外链式、行内式。嵌入式什么是嵌入式？嵌入式就是将写好的 CSS 代码嵌入到 HTML 文件中，嵌入式是通过 HTML 中的 style 标签将 CSS 代码嵌入到 HTML 网页当中的。语法规则如下：选择器{属性:值;属性:值;} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>嵌入式</title> <style type="text/css"> /*书写CSS代码块的地方*/ 选择器{属性:值;属性:值;} </style> </head> <body> </body> </html> 如果我们使用的是 HTML5 的文档， style 标签中的 type 属性可以省略掉。注意： stype 标签它可以出现 HTML 中的任何地方，但是我们一般会将它放置在 head 标签中。嵌入式实例

从零开始学习vue(2)

阅读更多关于从零开始学习vue(2)

一.vue实例每个vue应用都是通过 Vue 构造函数创建的一个新的实例开始的: var vm = new Vue({ //选项对象 }) 在这其中 vm(viewModel的简称) 通常都表示vue实例的变量名。当创建一个vue实例，你都可以传入一个选项对象作为参数，完整的选项对象，你可能需要查看 API文档。一个vue应用应该由一个通过 new Vue 构造的根实例和许多可嵌套可复用的组件构成，这也就是说所有的组件都是vue实例。二.数据与方法当一个vue实例被创建完成之后，就会向它的vue响应系统中加入了 data 对象中能找到的所有属性，当这些属性的值发生改变之后，视图就会发生响应，也就是更新相应的值。我们来看一个例子: //源数据对象 var obj = { name:"eveningwater" }; //构建实例 var vm = new Vue({ data:obj }) //这两者是等价的 vm.name === obj.name; //这也就意味着 //修改data对象里的属性也会影响到源数据对象的属性 vm.name = "waterXi"; obj.name;//"waterXi" //同样的，修改源数据对象的属性也会影响到data对象里的属性 obj.name = 'stranger'; vm.name;//"stranger"

HTML <head>

阅读更多关于 HTML

查看在线实例 <title> - 定义了HTML文档的标题使用 <title> 标签定义HTML文档的标题 <base> - 定义了所有链接的URL 使用 <base> 定义页面中所有链接默认的链接目标地址。 <meta> - 提供了HTML文档的meta标记使用 <meta> 元素来描述HTML文档的描述，关键词，作者，字符集等。 HTML <head> 元素 <head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>. HTML <title> 元素 <title> 标签定义了不同文档的标题。 <title> 在 HTML/XHTML 文档中是必须的。 <title> 元素: 定义了浏览器工具栏的标题当网页添加到收藏夹时，显示在收藏夹中的标题显示在搜索引擎结果页面的标题一个简单的 HTML 文档: 实例 < ! DOCTYPE html > < html > < head > < meta charset = " utf-8 " > < title > 文档标题 </ title > </ head > < body >

「前端」rem 缩放方案 flexible-js 兼容 375px 方案的思路

阅读更多关于「前端」rem 缩放方案 flexible-js 兼容 375px 方案的思路

本文来自尚妆前端团队南洋发表于尚妆github博客，欢迎订阅。移动端H5页面rem缩放方案flexible.js兼容375px方案的思路参考：移动端高清、多屏适配方案 viewport-and-flexible.js flexible.js github 一个新的项目复用了一些老页面，老页面是使用375px方案进行移动端适配的，meta[viewport]使用的是 <meta name="viewport" content="width=375, user-scalabe=no"> ，而新页面使用的是flexible.js伸缩方案，动态生成meta[viewport] <meta name="viewport" content="initial-scale=[num], user-scalabe=no"> 如何在老页面使用px布局的前提下，新页面使用rem布局，组件也使用rem布局，并且组件可以兼容老页面和新页面是本文的结果。首先会介绍375px方案和rem方案的实现原理。 375px方案 <meta name="viewport" content="width=375, user-scalabe=no"> 375px方案的页面开发过程对新人非常的友好，利用页面的布局视口（layout viewport）为固定值375px，和移动端浏览器窗口的自动缩放功能（视觉视口

移动端调试

阅读更多关于移动端调试

Plus篇真机调试个人还是觉得，真机调试比模拟器调试靠谱的多~因此，各位在使用模拟器调试之后，务必记得拿真机再调试一次，防止出现问题。真机调试的几个步骤 1 将代码放置在服务器端，打开wamp实现服务器端的运行 2 将wamp调整为在线模式 3 将手机调整为和PC相同的局域网 4 在开始菜单中，执行“运行”，输入cmd 5 在弹出的框中输入ipconfig，查看相应网络的ip地址，ipv4 6 将ip地址输入到手机url地址栏中，实现访问 c) 弄清视口和屏幕的区别。视口是浏览器的内容显示区域，屏幕是设备的物理显示区域。比如视口宽度我们一般用width表示，而屏幕宽度是用device-width来表示。相信做过手机页面的童鞋都经常见过这段代码： <meta name="viewport" content="width=device-width,initial-scale=1.0"> 其中width=device-width就是说把页面宽度设置成和屏幕宽度一样。 rem 相对于根元素的单位不会相对于其他地方如html{font-size：12px} p{width:50rem} 意思为p的width为 50*12=600PX em相对于父元素的fontsize % 相对于当前元素的直接父元素 px:基于像素的单位.像素是一种有用的单位

订阅 meta标签