html代码 | 易学教程

LNMP安装与配置

阅读更多关于 LNMP安装与配置

Nginx 与apache 、lighttp 性能综合对比，如下图: 注意：关闭 rpm 默认安装的 apache 和 mysql 1. 准备php 函数的rpm 包 yum -y install gcc gcc-c++ autoconf libjpeg libjpeg-devel libpng libpng-devel freetype freetype-devel libxml2 libxml2-devel zlib zlib-devel glibc glibc-devel glib2 glib2-devel bzip2 bzip2-devel ncurses ncurses-devel curl curl-devel e2fsprogs e2fsprogs-devel krb5 krb5-devel libidn libidn-devel openssl openssl-devel openldap openldap-devel nss_ldap openldap-clients openldap-servers 2. 准备lnmp 其他的源代码包 wget http://blog.s135.com/soft/linux/nginx_php/nginx/nginx-0.8.46.tar.gz wget http://blog.s135.com/soft/linux/nginx

HTML & CSS

阅读更多关于 HTML & CSS

1 请遵循html元素必须有开始和结束的标准规范 <html></html> <p></p> 2 空元素,空元素没有结束标签，形式如下 <br /> //换行 <hr /> //水平线 3 html注释  4 上标下标 <sub>下标</sub> //下标 <sup>上标</sup> //上标 5 预格式文本 <pre></pre> //保留了里面的空格，适合放代码，html元素默认会除去行首行尾段首段为空格 6 删除线下划线 <del></del> <ins></ins> 7 链接没有下划线的链接 <a href="/example/html/lastpage.html" style="text-decoration:none"> 使用 Target 属性，你可以定义被链接的文档在何处显示 <a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a> 链接到同一个页面的不同位置 name 属性规定锚（anchor）的名称。您可以使用 name 属性创建 HTML 页面中的书签。书签不会以任何特殊方式显示，它对读者是不可见的 <a name="tips">基本的注意事项 - 有用的提示</a> <a href="#tips">有用的提示</a> 8 样式表内部定义的

CSS 基础

阅读更多关于 CSS 基础

CSS 简介 CSS 概述 CSS 指层叠样式表 ( C ascading S tyle S heets) 样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一样式解决了一个普遍的问题 HTML 标签原本被设计为用于定义文档内容。通过使用 <h1>、<p>、<table> 这样的标签，HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。由于两种主要的浏览器（Netscape 和 Internet Explorer）不断地将新的 HTML 标签和属性（比如字体标签和颜色属性）添加到 HTML 规范中，创建文档内容清晰地独立于文档表现层的站点变得越来越困难。为了解决这个问题，万维网联盟（W3C），这个非营利的标准化联盟，肩负起了 HTML 标准化的使命，并在 HTML 4.0 之外创造出样式（Style）。所有的主流浏览器均支持层叠样式表。样式表极大地提高了工作效率样式表定义如何显示 HTML 元素，就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的

css加载会造成阻塞吗

阅读更多关于 css加载会造成阻塞吗

本文由云+社区发表作者：嘿嘿嘿可能大家都知道，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？接下来，我就来对css加载对DOM树的解析和渲染的影响做一个测试。为了完成本次测试，先来科普一下，如何利用chrome来设置下载速度 \1. 打开chrome控制台(按下F12),可以看到下图，重点在我画红圈的地方点击我画红圈的地方(No throttling),会看到下图,我们选择GPRS这个选项 \2. 点击我画红圈的地方(No throttling),会看到下图,我们选择GPRS这个选项这样，我们对资源的下载速度上限就会被限制成20kb/s，好，那接下来就进入我们的正题 \3. 这样，我们对资源的下载速度上限就会被限制成20kb/s，好，那接下来就进入我们的正题 css加载会阻塞DOM树的解析渲染吗？用代码说话： <!DOCTYPE html> <html lang="en"> <head> <title>css阻塞</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> h1 { color: red !important } </style> <script> function

HTML简介及常用标签介绍

阅读更多关于 HTML简介及常用标签介绍

一、概述 HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，他是一种制作万维网页面标准语言（标记）。相当于定义统一的一套规则，大家都来遵守他，这样就可以让浏览器根据标记语言的规则去解释它。浏览器负责将标签翻译成用户“看得懂”的格式，呈现给用户！二、HTML文档 2.1 Doctype Doctype告诉浏览器使用什么样的html或xhtml规范来解析html文档,dtd文件则包含了标记、attributes 、properties、约束规则。 (1)BackCompat：标准兼容模式未开启（或叫怪异模式[Quirks mode]、混杂模式） (2)CSS1Compat：标准兼容模式已开启（或叫严格模式[Standards mode/Strict mode]）这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat,此时、浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。如果你的页面添加了，就等同于开启了标准模式，浏览器就按照W3C的标准解析渲染页面。 2.2 Meta(metadata information) 提供有关页面的元信息，例：页面编码、刷新、跳转、针对搜索引擎和更新频度的描述和关键词 (1)页面编码（告诉浏览器是什么编码） <

[原创]java WEB学习笔记22：MVC案例完整实践(part 3)---多个请求对应一个Servlet解析

阅读更多关于 [原创]java WEB学习笔记22：MVC案例完整实践(part 3)---多个请求对应一个Servlet解析

本博客为原创：综合尚硅谷（http://www.atguigu.com）的系统教程（深表感谢）和网络上的现有资源(博客，文档，图书等)，资源的出处我会标明本博客的目的：①总结自己的学习过程，相当于学习笔记 ②将自己的经验分享给大家，相互学习，互相交流，不可商用内容难免出现问题，欢迎指正，交流，探讨，可以留言，也可以通过以下方式联系。本人互联网技术爱好者，互联网技术发烧友微博：伊直都在0221 QQ：951226918 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 多个请求对应一个Servlet解析如果我们每一个请求对应一个Servelt，这样的话，代码就显得比较臃肿，最主要的是，也不方便系代码的管理和优化方式一：　　　　　1. 思路：对于每一个页面请求我们设置成一个对应的方法

[原创]java WEB学习笔记30：Cookie Demo 之显示最近浏览的记录

阅读更多关于 [原创]java WEB学习笔记30：Cookie Demo 之显示最近浏览的记录

本博客为原创：综合尚硅谷（http://www.atguigu.com）的系统教程（深表感谢）和网络上的现有资源(博客，文档，图书等)，资源的出处我会标明本博客的目的：①总结自己的学习过程，相当于学习笔记 ②将自己的经验分享给大家，相互学习，互相交流，不可商用内容难免出现问题，欢迎指正，交流，探讨，可以留言，也可以通过以下方式联系。本人互联网技术爱好者，互联网技术发烧友微博：伊直都在0221 QQ：951226918 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 1.Demo 需求：显示最近浏览的 5 本书的 title 2.代码结构 books.jsp book.jsp 　　1）books.jsp : 显示最近浏览的 5 本书 ① 获取所有的 Cookie ② 从中筛选出 Book 的 Cookie：如果

CentOS6.5搭建LNMP

阅读更多关于 CentOS6.5搭建LNMP

1：查看环境： ? 1 2 [root@10-4-14-168 html]# cat /etc/redhat-release CentOS release 6.5 (Final) 2：关掉防火墙 ? 1 [root@10-4-14-168 html]# chkconfig iptables off 3：配置CentOS 6.0 第三方yum源（CentOS默认的标准源里没有nginx软件包） ? 1 #wget http://www.atomicorp.com/installers/atomic ? 1 #sh ./atomic ? 1 #yum check - update 4：安装开发包和库文件　 ? 1 2 3 4 #yum -y install ntp make openssl openssl-devel pcre pcre-devel libpng libpng-devel libjpeg-6b libjpeg-devel-6b freetype freetype-devel gd gd-devel zlib zlib-devel gcc gcc-c++ libXpm libXpm-devel ncurses ncurses-devel libmcrypt libmcrypt-devel libxml2 libxml2-devel imake autoconf

Python爬虫连载14-动态HTML、PhantomJS和Chromedriver

阅读更多关于 Python爬虫连载14-动态HTML、PhantomJS和Chromedriver

一、动态HTML 1.爬虫跟反爬虫 2.动态HTML连载（1）JavaScript （2）jQuery （3）Ajax （4）DHTML （5）Python采集动态数据从JavaScript代码入手采集；Python第三方库运行JavaScript，直接采集你在浏览器中看到的页面二、Selenium + PhantomJS 1.Selenium：web自动化测试工具（1）自动加载页面；（2）获取数据；（3）截屏（4）官方文档：http://selenium-python.readthedocs.io/index.html 2.PhantomJS （1）基于WebKit的无界面的浏览器（2）官方网站：http://phantomjs.org/download.html 3.Selenium库有一个WebDriver的API 4.WebDriver可以跟页面上的元素进行各种交互，用它可以来进行爬取 """ 通过webdriver操作模拟进行查找 """ from selenium import webdriver import time #通过keys模拟键盘 from selenium.webdriver.common.keys import Keys #操作哪个浏览器就对哪个浏览器建立一个实例 #自动按照环境变量查找相应的浏览器 driver =

web app变革之rem

阅读更多关于 web app变革之rem

rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。 rem是什么？ rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过一个计算的规则是依赖根元素一个是依赖父元素计算。为什么web app要使用rem？这里我特别强调web app，web page就不能使用rem吗，其实也当然可以，不过出于兼容性的考虑在web app下使用更加能突显这个单位的价值和能力，接下来我们来看看目前一些企业的web app是怎么做屏幕适配的。 1、实现强大的屏幕适配布局：最近iphone6一下出了两款尺寸的手机，导致的移动端的屏幕种类更加的混乱，记得一两年前做web app有一种做法是以320宽度为标准去做适配，超过320的大小还是以320的规格去展示，这种实现方式以淘宝 web app为代表作，但是近期手机淘宝首页进行了改版，采用了rem这个单位，首页以内依旧是和以前一样各种混乱，有定死宽度的页面，也有那种流式布

订阅 html代码