叄拾叄画生
叄拾叄画生

『HTML&CSS』第一个网页

根据W3C标准，一个网页主要由三个部分组成：结构（HTML）、表现（CSS）和行为（JavaScript）。

前端三剑客

根据W3C标准，一个网页主要由三个部分组成：结构、表现和行为。

  • 结构：HTML用于描述页面的结构；
  • 表现：CSS用于控制页面中元素的样式；
  • 行为：JavaScript用于响应用户的操作。

我们举个例子来更好的理解三者的关系，如果我们把一个网页看做一个人，结构就是人的身体，表现就是人的衣服，行为就是人的思想和动作。

什么是HTML？

  • HTML（HyperText MarkUp Language，超文本标记语言），是一种标识性的语言。它包括一系列的标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。
  • HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。
  • 超文本是一种组织信息的方式。

第一个网页


<html>
	<head>
		<title>我的第一个网页title>
	head>
	<body>
		<h1>Hello, World!h1>
	body>
html>

『HTML&CSS』第一个网页_第1张图片
下面，我们简单介绍一下这段代码：

  • .htm和.html是一样的，早期的Windows只支持三位扩展名。
  • ：这个写在最上方的为文档声明，告诉浏览器，该页面使用的HTML是哪个版本，这种写法是HTML5。
  • 绝大部分的标签都是成对出现的，<标签名>称为开始标签，称为结束标签。head和body标签称为html的子标签，html为二者的父标签，二者互为兄弟标签。h1称为html的后代标签，html称为h1的祖宗标签。
  • ：根标签，一个HTML页面有且只有一个根标签，所有的内容都应该写到根标签内。
  • ：head标签内的内容不会在网页中直接显示，head标签就是帮助浏览器解析HTML页面的。
  • ：body标签是网页的主体，网页中看到的内容都是写在body中。
  • ：设置网页的标题栏，搜索引擎检索页面时，会首先检索title便签中的内容，它是网页中对于搜索引擎来说最重要的内容，会影响到网页在搜索引擎中的排名。

注意：标签也叫元素。

标签的属性

标签中可以添加属性，属性写到开始标签中，属性以一个键值对的形式添加，标签中可以添加多个属性，属性之间使用分号分隔。我们可以将前面的代码修改一下：


<html>
	<head>
		<title>我的第一个网页title>
	head>
	<body>
		<h1>
			
			Hellofont>, Worldfont>!
		h1>
	body>
html>

『HTML&CSS』第一个网页_第2张图片

  • 这里我们使用font标签来修改字体的样式，HTML中，我们可以使用来写注释。

乱码问题

我们来看一段代码：


<html>
	<head>
		<title>我的第一个网页title>
	head>
	<body>
		<h1>
			张蒙蒙!
		h1>
	body>
html>

在这里插入图片描述
可以看到结果是乱码，这是因为编码解码方式不匹配，编码是utf-8，解码是GB2312，所以出现了这种问题，解决方法很简单，我们只需要告诉浏览器使用什么方式解码即可。


<html>
	<head>
		
		<title>我的第一个网页title>
	head>
	<body>
		<h1>
			张蒙蒙!
		h1>
	body>
html>

『HTML&CSS』第一个网页_第3张图片
这里，我们使用meta标签来解决这个问题：

  • meta标签，可以用来设置一些元数据，如：网页的字符集、关键字等。
  • meta是一个自结束标签，前面我们说大部分的标签都是成对出现的，但是不包括自结束标签，编写一个自结束标签时，可以在标签最后加上/。如：

你可能感兴趣的:(『HTML&CSS』)

  • 前端知识HTML&CSS 啵啵薯条 前端前端htmlcss
    目录1.前端开发介绍1.1认识前端开发1.2web标准2.HTML&CSS2.1HTML快速入门2.1.1操作2.1.2总结2.2开发工具2.3基础标签&样式2.3.1标题实现2.3.1.1标题排版2.3.1.1.1分析2.3.1.1.2标签2.3.1.1.2实现2.3.1.2标题样式2.3.1.2.1CSS引入方式2.3.1.2.2颜色表示2.3.1.2.3标题字体颜色2.3.1.2.4CSS选
  • HTML&CSS（Day02） 宝宝跟你们拼啦
    1、盒子模型1-1：div元素的引出1-2：盒子模型的五个主要元素：width、height、padding、border、marginwidth：内容的宽度。CSS中width指的是内容的宽度，而不是盒子的宽度。盒子的宽度=内容宽度+padding+borderheight：内容的高度。CSS中height指的是内容的高度，而不是盒子的高度。盒子的高度=内容高度+padding+borderpa
  • HTML&CSS仿京东首页制作静态页面总结 ccj_zxy csshtml前端
    目录一.网站优化三大标签：title（网站标题），description（网站说明），Keywords（网站关键词）二.favicon图表的使用三.字体图标的使用四.base.css和common.css的使用五.仿京东首页的制作（1）顶部快捷导航的制作（2）head头部的制作（3）顶部导航的制作（4）footer底部栏的制作（5）main主要部分的制作编辑（6）推荐部分的制作（7）楼层区的制作
  • HTML&CSS JavaScript 基础 ARTHUR王旭光 htmlcssjavascript
    HTML复杂建立骨架。CSS复杂装修。JS负责定义行为和交互。示例功能，点击按钮，数量增加，图片交互显示。Documentvarcount=0;functionclickFunc(){document.getElementById("h1").innerText=`${++count}`;document.getElementById("img").style.visibility=count%2
  • 免费自学编程的12个网站 蓝调之歌
    现在，如果你想学编程的话，这12个网站可以帮助你，它们都提供了免费的课程供你学习，因此你无需担心费用的问题。1.Codecademy其中，Codecademy是最受欢迎的免费编程学习网站之一。事实上，已经有超过2400万人通过这家公司的教育模式学会了编程。Codecademy开设的课程有HTML&CSS，JavaScript，jQuery的，PHP，Python和Ruby。2.CourseraCo
  • html&css Jones_aj 前端
    HTML&CSS笔记总结标签语义化网页最大标题只能写一个提高网页的排名写在log下面h2-h6内容标题可以随便多写从大到小的写容器可以装任何东西包裹一段文字包裹重要文字引入图片属性src图片地址alt图片描述图片未引用成功时显示在页面ali中描述内容title当鼠标移到到标签时显示内容在哪里引入图片就在哪里开始找相对路径./同级文件/打开文件夹…/打开上一级对话列表dldt标题dd内容列表无序列表
  • HTML&CSS基础篇之一：HTML前世今生 浪子大侠走江湖 html
    HTML到底是什么超文本标记语言HTML——超文本标记语言（英语：HyperTextMarkupLanguage，简称：HTML）是一种用于创建网页的标准标记语言。1.HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。2.HTML描述了一个网站的结构语义随着线索的呈现，使之成为一种标记语言而非编程语言。3.网页
  • HTML&CSS基础总结 Night_Kid
    1.设置宽度width:100px;2.设置高度height:100px;3.设置外边距上下左右均有100px的外边距（盒子与盒子之间的距离）margin:100px;3.1设置上外边距margin-top:100px;3.2设置下外边距margin-bottom:100px;3.3设置左外边距margin-left:100px;3.4设置右外边距margin-right:100px;3.5有宽度
  • Html&CSS学习笔记02---HTML标签的介绍 DKTF
    1、HTML标签介绍1.1、标签的格式:封装的数据1.2、标签名大小写不敏感1.3、标签拥有自己的属性基本属性：bgcolor="red"可以修改简单的样式效果事件属性：onclick="alert('你好！');"可以直接设置事件响应后反馈的代码1.4、标签又分为，单标签和双标签单标签格式：换行水平线双标签格式:..封装的数据....封装的数据..1.5、标签的语法正确：早安，尚硅谷错误：早安，
  • HTML&CSS知识点总结（二） nzdnllm
    1.表单标签常用属性：action：表单提交的位置method：表单提交的方法（get/post/put/delete……）默认值:get2.表单常用值解析：（1）用户名：value：文本框默认值size：文本框长度maxlengh：最多输入字符数readonly：只读（用户修改用户信息时的身份证号等条目）placeholder：提示信息3.使用div+CSS布局完成首页重构（1）divhtml标
  • html&css笔记完整版 NoN小旻 前端html&css自学htmlcss
    把1,2合在一起了，方便查看教程指路：这里目录1.导入京东界面练习（p102-114）设置网站图标（用在标题栏和收藏栏）2.vscode使用3.html实体meta标签：语义化标签块元素和行内元素列表超链接路径：图片标签内联框架音视频表格table表单formCSS设置样式：语法：选择器：单个选择器：复合选择器：父子兄弟选择器：属性选择器伪类选择器：否定伪类：超链接伪类：伪元素选择器：权重继承单位
  • JAVA WEB笔记：HTML&CSS Yonin JAVAWEBcsshtmlwebjava
    文章目录一、Web概述1.1JavaWeb概念1.2软件架构1.3B/S架构详解二、HTML2.1HTML概念2.2快速入门2.3标签学习2.3.1文件标签：构成html最基本的标签2.3.2文本标签：和文本有关的标签2.3.3图片标签2.3.4列表标签2.3.5链接标签2.3.6div和span2.3.7语义化标签：html5中为了提高程序的可读性，提供了一些标签2.3.8表格标签三、案例：旅游
  • 前端三件套html/css/js的基本认识以及示例程序 killsime csshtml前端
    简介本文简要讲解了html,css,js.主要是让大家简要了解网络知识因为实际开发中很少直接写html&css,所以不必过多纠结,了解一下架构就好希望深度学习可以参考MDN和w3schoolHTML基础HTML(HyperTextMarkupLanguage)不是一门编程语言,而是一种用来告知浏览器如何组织页面的标记语言.主要用于页面结构的组织最简单的一个内容是这样的welcometohtml属性
  • JavaWeb——前端之HTML&CSS 小鱼0135 JAVA基础篇#JavaWeb前端htmlcss
    学习视频链接：https://www.bilibili.com/video/BV1m84y1w7Tb/?spm_id_from=333.999.0.0一、Web开发1.概述能通过浏览器访问的网站2.Web网站的开发模式——主流是前后端分离二、前端Web开发1.初识前端编写的代码通过浏览器进行解析和渲染得到我们看到的网页，不同的浏览器有不同的内核，拿为甚么我们看到的网页在不同的浏览器下是一样的？——
  • WEB开发笔记之HTML&CSS及相关基础篇介绍 九阳子 内核csshtmljsweb
    文章目录什么是web？什么是w3c？web学习的基础部分：HTML+CSS+js=网页如何执行HTML和CSS？什么是web？web：WorldWideWeb（全球广域网，也称万维网。）是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统，是建立在Internet上的一种网络服务。什么是w3c？w3c:万维网联盟。是Web技术领域最具权威和影响力的国际中立性技术标准机构。
  • 【HTML&CSS】常见元素及样式汇总 软工怎么这么难 htmlcss前端
    HTML与CSSCSS引入方式行内样式：写在标签的style属性中（不推荐）中国新闻网内嵌样式：写在标签中（可以写在页面任何位置，但通常约定写在标签中）h1{xxx:xxxxxx:xxx}元素选择器元素名称{color:red;}h1{color:red;}id选择器#id属性值{color:red;}#hid{color:red;}类选择器.class属性值{color:red;}.cls{co
  • JavaWeb——第二章 HTML&CSS _Matthew JavaWebhtmlcss前端
    JavaWeb——第二章HTML&CSS1.HTML入门1.1HTML&CSS&JavaScript的作用1.2什么是HTML1.3什么是超文本1.4什么是标记语言1.5HTML基础结构1.6HTML的入门程序1.7HTML概念词汇解释1.8HTML的语法规则1.9开发工具VsCode的安装和使用1.10在线帮助文档2.HTML常见标签2.1标题标签2.2段落标签2.3换行标签2.4列表标签2.5
  • vue实现树状结构+拖拽 fc&&fl vuevue.js前端javascript
    1.首先说树状结构的实现我直接推一手链接，直接用他的最终源码就可以HTML&CSS中的树形结构图_html树状结构图_|木子李|的博客-CSDN博客然后，我这里有一些改动menudata结构如下menudata:[{name:"1213",id:1,},{name:"12312",id:2,}]相关方法如下onMenuClick(name){console.log(name);},dragStar
  • Java-web开发入门HTML&CSS开发用户登录界面 摸鱼汪 Javawebhtmlcssweb
    HTML标签：表单标签*表单：*概念：用于采集用户输入的数据的。用于和服务器进行交互。*form：用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围*属性：*action：指定提交数据的URL*method:指定提交方式*分类：一共7种，2种比较常用*get：1.请求参数会在地址栏中显示。会封装到请求行中(HTTP协议后讲解)。2.请求参数大小是有限制的。3.不太安全。*post：2.请
  • 由浅入深，66条JavaScript面试知识点 song854601134 javascript面试知识点javascript面试前端
    文章目录前言HTML&CSS：JavaScript：Vue:1.介绍一下js的数据类型有哪些，值是如何存储的2.&&、||和!!运算符分别能做什么3.js的数据类型的转换4.JS中数据类型的判断（typeof，instanceof，constructor，Object.prototype.toString.call()5.介绍js有哪些内置对象？6.undefined与undeclared的区别？
  • JavaScript面试知识点 hell0_W0rld4396 javascript
    JavaScript面试知识点HTML&CSS：浏览器内核盒模型、flex布局、两/三栏布局、水平/垂直居中；BFC、清除浮动；css3动画、H5新特性。JavaScript：继承、原型链、this指向、设计模式、call,apply,bind,；new实现、防抖节流、let,var,const区别、暂时性死区、event、loop；promise使用及实现、promise并行执行和顺序执行；as
  • 第一节：HTML & CSS概述 EndPein
    术语在学习之前先了解一下HTML&CSS当中的一些术语，这样可以降低我们在后续的学习中的沟通成本web（互联网）w3c（万维网联盟，非营利性的组织：w3.org，为互联网提供各种标准）xml（可扩展的标记语言：用于定义文档结构的）xml是支持自定义的，例如下面这样星期一每天0点最新2020HTML&CSS教程什么是HTML？HTML是w3c组织定义的语言标准：官网地址，如果英文不好的同学可以访问M
  • 《HTML&CSS面试题》 maeryang0510 #前端技术css3html5
    1,HTML5中新增了哪些内容？1.广义上的html5指的是最新一代前端开发技术的总称，包括html5，CSS3，新增的webAPI。2.Html中新增了header,footer,main,nav等语义化标签，新增了video,audio媒体标签，新增了canvas画布。新增了一些标签属性，例如input的placeholder。3.Css3中新增了：圆角，阴影，滤镜，vw/vh单位，flex布
  • HTML&CSS form表单 注册页面 小帅子Lv form表单页面注册HTML&CSS
    1、HTML的表单标签form表单CSS样式HTML标签：表单标签1、form表单的基础介绍A.格式...B.属性a.action存放的是URL网址.（把表单项"输入框"当中的数据,提交到网址对应的服务器上）b.method设置请求的方式get请求和post请求get特点:在地址栏有参数信息,数据量小,不安全post特点:在地址栏没有参数信息,数据量大,安全C.注意如果要提交数据到地址栏,必须设置
  • CSS基础知识笔记（0基础入门） Nov-Nana cssweb
    HTML&CSS基础知识笔记CSS一、CSS简介二、CSS语法选择器元素选择器id选择器（唯一）类选择器统配选择器交集选择器选择器分组（并集选择器）子元素选择器后代元素选择器兄弟元素选择器属性选择器伪类选择器伪元素选择器声明块单位长度单位颜色单位三、Layout文档流盒模型元素的水平方向布局元素的垂直方向布局外边距的折叠行内元素的盒模型盒子的尺寸阴影轮廓和圆角四、Float浮动简介浮动其他特点网页
  • [译]HTML&CSS Lesson7: 设置背景和渐变色 weixin_33736649 人工智能前端ViewUI
    背景对网站的设计有重大的影响。它有利于建立网站的整体感觉，设置分组，分配优先级，对网站的可用性也有相当大的影响。在CSS中，元素的背景可以是一个纯色，一张图，一个渐变色或者它们的组合。在我们决定如何实现背景之前，我们要考虑到背景是为了网站的整体布局服务的。在这节课中，我们将会学习如何在元素上实现各类背景色，包括渐变色。同时我们也会接触到一些CSS3的背景属性。添加背景色给元素添加背景的最便捷方式就
  • web前端基础知识 殿君不是殿军 经验分享前端csshtml
    HTML&CSS基础经典版HTML：结构（页面元素和内容）css：表现（网页元素的外观和位置等页面样式）行为：JavaScript：行为（网页模型定义与页面交互）排版标签排版标签标题标签：h系列标签重要程度依次递减特点：独占一行、h1-h6文字逐渐减小段落标签：p特点：段落之间存在间隙、独占一行换行标签：水平分割线：文本格式化标签场景：让文字加粗bstrong、下划线uins、倾斜iem、删除线s
  • JavaWeb 第一章 HTML&CSS 札克_zk JavaWebhtmlcss服务器
    第一章HTML&CSS学习目标掌握服务器和客户端的概念了解常见的服务器分类和软件掌握请求响应模型了解本阶段技术体系，以及每部分技术在当前体系中的作用了解书城项目的构成掌握HTML的简介和入门掌握文本相关标签的使用掌握超链接标签的使用掌握div和span标签的使用掌握图片标签的使用掌握表格标签的使用掌握表单标签的使用简单了解CSS了解CSS的功能了解CSS的添加方式1.Web基本概念1.1服务器和客
  • JavaWeb之HTML&CSS 达少～ htmlcss
    知识回顾：JavaWeb之Java基础知识增强JavaWeb之JDBCJavaWeb之数据库连接池文章目录1.web概念概述1.1软件架构：1.2B/S架构详解1.3静态资源：2.HTML2.1概念：是最基础的网页开发语言2.2快速入门：2.3标签学习2.3.1文件标签：构成html最基本的标签2.3.2文本标签：和文本有关的标签2.3.3图片标签：2.3.4列表标签：2.3.5链接标签：2.3.
  • HTML&CSS（一位小白） 小白mask
    HTML一、HTML基本结构从开始标签到结束标签及其中所有内容称为元素文档类型声明和父子关系而是兄弟关系，没有表兄弟这种关系中的lang可设置语言（英语：en；中文：zh）*1.*常用的字符编码UTF-8GBK（记事本写html）:中文简体，适用于中国大陆、新加坡Big5:中文繁体，适用于港、澳、台、海外华人ISO-8859-1(Latin-1)*2.*块标签可自动换行*1.1.*标题标签····
  • 遍历dom 并且存储（将每一层的DOM元素存在数组中） 换个号韩国红果果 JavaScripthtml
    数组从0开始！！ var a=[],i=0; for(var j=0;j<30;j++){ a[j]=[];//数组里套数组，且第i层存储在第a[i]中 } function walkDOM(n){ do{ if(n.nodeType!==3)//筛选去除#text类型 a[i].push(n); //con
  • Android+Jquery Mobile学习系列(9)-总结和代码分享 白糖_ JQuery Mobile
    目录导航   经过一个多月的边学习边练手，学会了Android基于Web开发的毛皮，其实开发过程中用Android原生API不是很多，更多的是HTML/Javascript/Css。   个人觉得基于WebView的Jquery Mobile开发有以下优点： 1、对于刚从Java Web转型过来的同学非常适合，只要懂得HTML开发就可以上手做事。 2、jquerym
  • impala参考资料 dayutianfei impala
    记录一些有用的Impala资料   1. 入门资料 >>官网翻译：     http://my.oschina.net/weiqingbin/blog?catalog=423691   2. 实用进阶 >>代码&架构分析：     Impala/Hive现状分析与前景展望：http
  • JAVA 静态变量与非静态变量初始化顺序之新解 周凡杨 java静态非静态顺序
    今天和同事争论一问题，关于静态变量与非静态变量的初始化顺序，谁先谁后，最终想整理出来！测试代码： import java.util.Map; public class T { public static T t = new T(); private Map map = new HashMap(); public T(){ System.out.println(&quo
  • 跳出iframe返回外层页面 g21121 iframe
    在web开发过程中难免要用到iframe，但当连接超时或跳转到公共页面时就会出现超时页面显示在iframe中，这时我们就需要跳出这个iframe到达一个公共页面去。 首先跳转到一个中间页，这个页面用于判断是否在iframe中，在页面加载的过程中调用如下代码： <script type="text/javascript"> //<!-- function
  • JAVA多线程监听JMS、MQ队列 510888780 java多线程
    背景：消息队列中有非常多的消息需要处理，并且监听器onMessage（）方法中的业务逻辑也相对比较复杂，为了加快队列消息的读取、处理速度。可以通过加快读取速度和加快处理速度来考虑。因此从这两个方面都使用多线程来处理。对于消息处理的业务处理逻辑用线程池来做。对于加快消息监听读取速度可以使用1.使用多个监听器监听一个队列；2.使用一个监听器开启多线程监听。 对于上面提到的方法2使用一个监听器开启多线
  • 第一个SpringMvc例子 布衣凌宇 spring mvc
    第一步：导入需要的包； 第二步：配置web.xml文件 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi=
  • 我的spring学习笔记15-容器扩展点之PropertyOverrideConfigurer aijuans Spring3
    PropertyOverrideConfigurer类似于PropertyPlaceholderConfigurer，但是与后者相比，前者对于bean属性可以有缺省值或者根本没有值。也就是说如果properties文件中没有某个bean属性的内容，那么将使用上下文（配置的xml文件）中相应定义的值。如果properties文件中有bean属性的内容，那么就用properties文件中的值来代替上下
  • 通过XSD验证XML antlove xmlschemaxsdvalidationSchemaFactory
    1. XmlValidation.java package xml.validation; import java.io.InputStream; import javax.xml.XMLConstants; import javax.xml.transform.stream.StreamSource; import javax.xml.validation.Schem
  • 文本流与字符集 百合不是茶 PrintWrite()的使用字符集名字 别名获取
    文本数据的输入输出;           输入;数据流,缓冲流         输出;介绍向文本打印格式化的输出PrintWrite();   package 文本流; import java.io.FileNotFound
  • ibatis模糊查询sqlmap-mapping-**.xml配置 bijian1013 ibatis
            正常我们写ibatis的sqlmap-mapping-*.xml文件时，传入的参数都用##标识，如下所示： <resultMap id="personInfo" class="com.bijian.study.dto.PersonDTO"> <res
  • java jvm常用命令工具——jdb命令(The Java Debugger) bijian1013 javajvmjdb
            用来对core文件和正在运行的Java进程进行实时地调试，里面包含了丰富的命令帮助您进行调试，它的功能和Sun studio里面所带的dbx非常相似，但 jdb是专门用来针对Java应用程序的。         现在应该说日常的开发中很少用到JDB了，因为现在的IDE已经帮我们封装好了，如使用ECLI
  • 【Spring框架二】Spring常用注解之Component、Repository、Service和Controller注解 bit1129 controller
    在Spring常用注解第一步部分【Spring框架一】Spring常用注解之Autowired和Resource注解（http://bit1129.iteye.com/blog/2114084）中介绍了Autowired和Resource两个注解的功能，它们用于将依赖根据名称或者类型进行自动的注入，这简化了在XML中，依赖注入部分的XML的编写，但是UserDao和UserService两个bea
  • cxf wsdl2java生成代码super出错,构造函数不匹配 bitray super
        由于过去对于soap协议的cxf接触的不是很多,所以遇到了也是迷糊了一会.后来经过查找资料才得以解决. 初始原因一般是由于jaxws2.2规范和jdk6及以上不兼容导致的.所以要强制降为jaxws2.1进行编译生成.我们需要少量的修改: 我们原来的代码 wsdl2java com.test.xxx -client http://..... 修改后的代
  • 动态页面正文部分中文乱码排障一例 ronin47
    公司网站一部分动态页面，早先使用apache+resin的架构运行，考虑到高并发访问下的响应性能问题，在前不久逐步开始用nginx替换掉了apache。 不过随后发现了一个问题，随意进入某一有分页的网页，第一页是正常的（因为静态化过了）；点“下一页”，出来的页面两边正常，中间部分的标题、关键字等也正常，唯独每个标题下的正文无法正常显示。 因为有做过系统调整，所以第一反应就是新上
  • java-54- 调整数组顺序使奇数位于偶数前面 bylijinnan java
    import java.util.Arrays; import java.util.Random; import ljn.help.Helper; public class OddBeforeEven { /** * Q 54 调整数组顺序使奇数位于偶数前面 * 输入一个整数数组，调整数组中数字的顺序，使得所有奇数位于数组的前半部分，所有偶数位于数组的后半
  • 从100PV到1亿级PV网站架构演变 cfyme 网站架构
    一个网站就像一个人，存在一个从小到大的过程。养一个网站和养一个人一样，不同时期需要不同的方法，不同的方法下有共同的原则。本文结合我自已14年网站人的经历记录一些架构演变中的体会。 1：积累是必不可少的 架构师不是一天练成的。 1999年，我作了一个个人主页，在学校内的虚拟空间，参加了一次主页大赛，几个DREAMWEAVER的页面，几个TABLE作布局，一个DB连接，几行PHP的代码嵌入在HTM
  • [宇宙时代]宇宙时代的GIS是什么？ comsci Gis
           我们都知道一个事实，在行星内部的时候，因为地理信息的坐标都是相对固定的，所以我们获取一组GIS数据之后，就可以存储到硬盘中，长久使用。。。但是，请注意，这种经验在宇宙时代是不能够被继续使用的          宇宙是一个高维时空
  • 详解create database命令 czmmiao database
    完整命令 CREATE DATABASE mynewdb   USER SYS IDENTIFIED BY sys_password   USER SYSTEM IDENTIFIED BY system_password   LOGFILE GROUP 1 ('/u01/logs/my/redo01a.log','/u02/logs/m
  • 几句不中听却不得不认可的话 datageek
    1、人丑就该多读书。 2、你不快乐是因为：你可以像猪一样懒，却无法像只猪一样懒得心安理得。 3、如果你太在意别人的看法，那么你的生活将变成一件裤衩，别人放什么屁，你都得接着。 4、你的问题主要在于：读书不多而买书太多，读书太少又特爱思考，还他妈话痨。 5、与禽兽搏斗的三种结局：(1)、赢了，比禽兽还禽兽。(2)、输了，禽兽不如。(3)、平了，跟禽兽没两样。结论：选择正确的对手很重要。 6
  • 1 14:00 PHP中的“syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM”错误 dcj3sjt126com PHP
    原文地址：http://www.kafka0102.com/2010/08/281.html   因为需要，今天晚些在本机使用PHP做些测试，PHP脚本依赖了一堆我也不清楚做什么用的库。结果一跑起来，就报出类似下面的错误：“Parse error: syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM in /home/kafka/test/
  • xcode6 Auto layout and size classes dcj3sjt126com ios
    官方GUI   https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/AutolayoutPG/Introduction/Introduction.html   iOS中使用自动布局（一）   http://www.cocoachina.com/ind
  • 通过PreparedStatement批量执行sql语句【sql语句相同，值不同】 梦见x光 sql事务批量执行
    比如说：我有一个List需要添加到数据库中，那么我该如何通过PreparedStatement来操作呢？ public void addCustomerByCommit(Connection conn , List<Customer> customerList) {    String sql = "inseret into customer(id
  • 程序员必知必会----linux常用命令之十【系统相关】 hanqunfeng Linux常用命令
    一.linux快捷键 Ctrl+C : 终止当前命令 Ctrl+S : 暂停屏幕输出 Ctrl+Q : 恢复屏幕输出 Ctrl+U : 删除当前行光标前的所有字符 Ctrl+Z : 挂起当前正在执行的进程 Ctrl+L : 清除终端屏幕，相当于clear   二.终端命令 clear : 清除终端屏幕 reset : 重置视窗，当屏幕编码混乱时使用 time com
  • NGINX IXHONG nginx
    pcre 编译安装 nginx conf/vhost/test.conf   upstream admin { server 127.0.0.1:8080; }   server {                 listen       80; &
  • 设计模式--工厂模式 kerryg 设计模式
    工厂方式模式分为三种：   1、普通工厂模式：建立一个工厂类，对实现了同一个接口的一些类进行实例的创建。   2、多个工厂方法的模式：就是对普通工厂方法模式的改进，在普通工厂方法模式中，如果传递的字符串出错，则不能正确创建对象，而多个工厂方法模式就是提供多个工厂方法，分别创建对象。   3、静态工厂方法模式：就是将上面的多个工厂方法模式里的方法置为静态，
  • Spring InitializingBean/init-method和DisposableBean/destroy-method mx_xiehd javaspringbeanxml
    1.initializingBean/init-method 实现org.springframework.beans.factory.InitializingBean接口允许一个bean在它的所有必须属性被BeanFactory设置后，来执行初始化的工作，InitialzingBean仅仅指定了一个方法。 通常InitializingBean接口的使用是能够被避免的，（不鼓励使用，因为没有必要
  • 解决Centos下vim粘贴内容格式混乱问题 qindongliang1922 centosvim
    有时候，我们在向vim打开的一个xml，或者任意文件中，拷贝粘贴的代码时，格式莫名其毛的就混乱了，然后自己一个个再重新，把格式排列好，非常耗时，而且很不爽，那么有没有办法避免呢？ 答案是肯定的，设置下缩进格式就可以了，非常简单： 在用户的根目录下 直接vi  ~/.vimrc文件 然后将set pastetoggle=<F9> 写入这个文件中，保存退出，重新登录，
  • netty大并发请求问题 tianzhihehe netty
    多线程并发使用同一个channel java.nio.BufferOverflowException: null at java.nio.HeapByteBuffer.put(HeapByteBuffer.java:183) ~[na:1.7.0_60-ea] at java.nio.ByteBuffer.put(ByteBuffer.java:832) ~[na:1.7.0_60-ea]
  • Hadoop NameNode单点问题解决方案之一 AvatarNode wyz2009107220 NameNode
    我们遇到的情况 Hadoop NameNode存在单点问题。这个问题会影响分布式平台24*7运行。先说说我们的情况吧。 我们的团队负责管理一个1200节点的集群(总大小12PB)，目前是运行版本为Hadoop 0.20，transaction logs写入一个共享的NFS filer(注：NetApp NFS Filer)。 经常遇到需要中断服务的问题是给hadoop打补丁。 DataNod
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他