meta标签 | 易学教程

清除浮动的4种方法

阅读更多关于清除浮动的4种方法

1.额外标签法： < ! 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 > .box { width:1000px ; margin: 0 auto ; border: 1px solid blue ; } .damao { float: left ; width: 300px ; height: 200px ; background-color: purple ; } .ermao { float: left ; width: 200px ; height: 200px ; background-color: pink ; } .footer { height: 200px ; background-color: black ; } /* 清除浮动 */ .clear { clear: both ; } < /style > < /head >

04001_HTML简单介绍

阅读更多关于 04001_HTML简单介绍

1、超文本标记语言　　（1）超文本：比普通文本功能更加强大；　　（2）标记语言：使用一组标签对内容进行描述的一门语言，它不是编程语言！ 2、HTML语法和规范　　（1）所有的html文件后缀名都是以.html或者.htm结尾的，建议使用.html结尾；　　（2）整个html文件分别由头部分<head></head>和体部分<body></body>组成；　　（3）Html标签都是由开始标签和结束标签组成，单标签除外（<br />）；　　（4）html不区分大小写，建议使用小写。 3、标题标签　　（1）标题标签使用<hn></hn>，n从1到6逐渐变小，超过6的按照6进行显示；　　（2）代码演示： 1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>标题标签</title> 7 </head> 8 9 <body> 10  11 <h1>我是标题1</h1> 12 <h2>我是标题2</h2> 13 <h3>我是标题3</h3> 15 <h4>我是标题4</h4> 18 <h5>我是标题5</h5> 21 <h6>我是标题6</h6> 22 </body> 23 24 </html> 　　运行结果：　　 4、注释标签

HTML5基础

阅读更多关于 HTML5基础

HTML5基础 1.1.1 HTML简介及发展史 HTML是用来描述网页的一种语言，它是一种超文本语言，也就是说，HTML不是一种编程语言，仅是一种标记语言（MarKup Language） 1.1.2 HTML的优势 1.世界知名浏览器厂商的支持 2.市场需求 3.跨平台 1.1.3 W3C标准 1.使用W3CW3C标准的原因随着浏览器市场的激烈竞争，各大浏览器厂商为了吸引用户，都在早期HTML版本的基础上扩展各类标签，个浏览器厂商之间互不兼容，导致HTML编码规则混乱，违背了HTML发明的初衷，因此需要一个组织来制定和维护统一的国际化Web开发标准，确保多个浏览器都兼容，HTML内容结构都是语义化的。万维网联盟（Word Wide Web Consortium）简称W3C，诞生了，因此有W3C组织制定和维护的Web开发标准，也成为W3C标准。它是Web技术领域最权威和具有影响力的国际中立性技术标准机构。 2.W3C标准的介绍 W3C标准不是某一个标准，而是一系列的标准集合，一个网页主要由三部分组成，即结构（Sructure），表现（Presentation），和行为（Behavior）。小结：W3C标准包括结构化标准语言（HTML,XML），表现标准语言（CSS），行为标准（DOM,ECMAScript）。 1.1.4 网页编辑工具

前端-JQuery

阅读更多关于前端-JQuery

jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

【爬虫学习笔记day63】7.5. scrapy-redis实战--尝试改写新浪网分类资讯爬虫1

阅读更多关于【爬虫学习笔记day63】7.5. scrapy-redis实战--尝试改写新浪网分类资讯爬虫1

文章目录 7.5. scrapy-redis实战--尝试改写新浪网分类资讯爬虫1 新浪网分类资讯爬虫以下为原Scrapy爬虫项目源码： items.py pipelines.py settings.py spiders/sina.py 执行： 7.5. scrapy-redis实战–尝试改写新浪网分类资讯爬虫1 新浪网分类资讯爬虫思考：如何将已有的Scrapy爬虫项目，改写成scrapy-redis分布式爬虫。要求：将所有对应的大类的标题和urls、小类的标题和urls、子链接url、文章名以及文章内容，存入Redis数据库。以下为原Scrapy爬虫项目源码： items.py # -*- coding: utf-8 -*- import scrapy import sys reload ( sys ) sys . setdefaultencoding ( "utf-8" ) class SinaItem ( scrapy . Item ) : # 大类的标题和 url parentTitle = scrapy . Field ( ) parentUrls = scrapy . Field ( ) # 小类的标题和子url subTitle = scrapy . Field ( ) subUrls = scrapy . Field ( ) # 小类目录存储路径

【爬虫学习笔记day64】7.6. scrapy-redis实战--尝试改写新浪网分类资讯爬虫2

阅读更多关于【爬虫学习笔记day64】7.6. scrapy-redis实战--尝试改写新浪网分类资讯爬虫2

文章目录 7.6. scrapy-redis实战--尝试改写新浪网分类资讯爬虫2 将已有的新浪网分类资讯Scrapy爬虫项目，修改为基于RedisSpider类的scrapy-redis分布式爬虫项目 items.py文件 settings.py文件 spiders/sina.py 执行： 7.6. scrapy-redis实战–尝试改写新浪网分类资讯爬虫2 将已有的新浪网分类资讯Scrapy爬虫项目，修改为基于RedisSpider类的scrapy-redis分布式爬虫项目注：items数据直接存储在Redis数据库中，这个功能已经由scrapy-redis自行实现。除非单独做额外处理(比如直接存入本地数据库等)，否则不用编写pipelines.py代码。 items.py文件 # items.py # -*- coding: utf-8 -*- import scrapy import sys reload ( sys ) sys . setdefaultencoding ( "utf-8" ) class SinaItem ( scrapy . Item ) : # 大类的标题和 url parentTitle = scrapy . Field ( ) parentUrls = scrapy . Field ( ) # 小类的标题和子url subTitle =

[html]head介绍

阅读更多关于 [html]head介绍

<head> <meta charset="utf-8">  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>  <title>百度一下，你就知道 </title>  <link rel="shortcut icon" href="http://hcdn1.luffycity.com/static/frontend/index/Luffy-study-logo.png">  <meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信"/> <meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。"/>  <meta http-equiv="refresh" content="2;URL=http://www.luffycity.com"> <!-

html介绍和head标签

阅读更多关于 html介绍和head标签

一、web标准 web准备介绍： w3c：万维网联盟组织，用来制定web标准的机构（组织） web标准：制作网页遵循的规范 web准备规范的分类：结构标准、表现标准、行为标准。结构：html。表示：css。行为：Javascript。 web准备总结：结构标准：相当于人的身体。html就是用来制作网页的。表现标准：相当于人的衣服。css就是对网页进行美化的。行为标准：相当于人的动作。JS就是让网页动起来，具有生命力的二、浏览器介绍浏览器是网页运行的平台，常用的浏览器有IE、火狐（Firefox)、谷歌（Chrome）、猎豹浏览器、Safari和Opera等浏览器内核：浏览器　内核 IE trident chrome blink 火狐 gecko Safari webkit PS：「浏览器内核」也就是浏览器所采用的「渲染引擎」，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。渲染引擎是兼容性问题出现的根本原因。三、开发工具介绍 Sublime Text的使用参考链接： Sublime Text使用技巧四、HTML介绍 1、HTML的概述 html全称HyperText Mackeup Language，翻译为超文本标记语言，它不是一种编程语言，是一种描述性的标记语言，用于描述超文本内容的显示方式。比如字体、颜色、大小等。超文本：音频，视频

HTML

阅读更多关于 HTML

文档结构 <!DOCTYPE html> 文档声明 <html lang="en"> 语言 <head> 网站配置信息 <meta charset="UTF-8"> 解码方式 <title>皇家赌场</title> 网站标题 </head> <body> 网站显示内容 <h1> 26期皇家赌场 </h1> </body> </html> head标签 1. meta 文档字符编码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>我的网页</title> </head> <body> <h1>叫爸爸</h1> </body> </html> 标签写法分类全封闭标签 <h1 xx='ss'>xxx</h1> 标签属性 :<h1 xx='ss'>xxx</h1> xx:属性名 ss:属性值自封闭标签 <meta charset="UTF-8"> 1.2 meta 页面刷新 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>世上最牛逼的页面标题</title> <meta http-equiv="Refresh" content="5" /> </head> <body> <h1>这是个栗子

vue的数据绑定

阅读更多关于 vue的数据绑定

gitHub地址:https://github.com/manlili/vue_learn里面lesson04 一双括号用来数据绑定 (1)写法一: {{message}},这种可以实时响应 (2)写法二: {{*message}},单次插值,今后的数据变化就不会再引起插值更新了(vue2.0之后使用v-once <p v-once>{{message}}</p>一次性改变，数据改变时不更新) (3)双括号标签也可以用在属性上(vue2.0之后不可以这样写，要写成：<p :class="'lili-'+message">上</p>) 举个列子: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>vue插值</title> <script src="../js/vue.js" type="text/javascript" charset="utf-8"></script> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <style type="text/css"> .lili-xiaoman { color: red; }

订阅 meta标签