xinzhelantian的专栏

原创 IPv4地址计算

IP地址计算的五大知识点。

原创 第1章-认识计算机网络

河南省中职-计算机网路技术

原创 动态路由协议RIP的配置【实验】

河南省中职-计算机网路技术【实验】

原创 jQuery

1.你还可以根据id属性来获取元素首先用$("#target3")来选择id为target3的button元素。注意，就像CSS一样，在id的名字前加上 #。然后使用jQuery的.addClass()方法来添加 animated和fadeOutclass.例如：下面的代码就是给id为target6的button元素添加fade out效果的：$("#target6")

原创 HTML & CSS 笔记 2

通过Bootstrap，我们要做的只是给图片添加 img-responsive class属性。这样图片的宽度就能完美地适配你的页面的宽度了。Font Awesome 是一个非常方便的图标库。这些图标都是矢量图形，被保存在 .svg 的文件格式中。这些图标就和字体一样，你可以通过像素单位指定它们的大小，它们将会继承其父HTML元素的字体大小。你可以将 Font Awesome 图标

原创 HTML & CSS 笔记 1

1.当你在大学选课时，面对几百门课程，而因为时间和精力，你只能从中选择十几门这样的场景就用checkboxes（复选按钮）。复选按钮是input的输入框的另一种类型。每一个复选按钮都应该嵌套进label元素中。所有关联的复选按钮应该具有相同的name属性。 下面是复选按钮的例子： Loving 2.使用checked属性，你可以设置复选按钮和单选按钮默认被选中。

原创 SEO学习笔记

2017年4月17日，我开始在“郑州喜地中心”实习，实习的岗位是“SEO专员”。喜地公司做的是境外电子商务，地址在郑州“世界工厂网”。          1.初期学习网址：              SEO十万个为什么：http://www.seo.cn/                    百度站长平台：http://zhanzhang.baidu.com/college/inde

原创 JavaScript DOM对象

hello按钮 function demo(){ document.getElementById("aid").href="http://www.jikexueyuan.com"; }

原创 JavaScript异常处理和事件处理

原创 瀑布流

瀑布流效果 这是图片的展示 .container{ /*瀑布流CSS*/ column-width:440px; column-gap:5px; /*浏览器适应*/ -webkit-column-width:440px;

原创 CSS动画-动画

动画效果 动画效果div{ width:100px; height:100px; background-color:red; position:relative; animation:anim 5s infinite alternate;/*不断执行*/ -webkit-animation:anim 5s infinite alte

原创 CSS动画-过渡

效果展示div{ width:100px; height:100px; background-color:darkorchid; /*旋转代码*/ -webkit-transition:width 2s,height 2s,-webkit-transform 2s; transition:width 2s,height 2s,transfor

原创 CSS动画-2D、3D转换

-webkit-transform:translate(200px,100px);/*safari chrome*/ -ms-transform:translate(200px,100px);/*IE*/ -o-transform: translate;(200px,100px); /*opera*/ -moz-transform:translate(200px,100px

原创 网页头部+尾部

大概从二月份开始学习Web前端的东西，从HTML学起。照着视频学习了布局，认为网页就是先把整体给建出来，然后再去给各个部分修饰。但是在写网页的时候，还是一部份弄好，再弄下一部分。水平 *{padding:0px;} ul{ list-style:none; } #head{ width:100%; height:40px; background-color:#

原创 垂直下拉菜单

垂直下拉菜单 ul{ list-style:none; padding:0px; } ul li{width:100px;} ul li a{ text-decoration:none; background:#0099FF; color:white; height:40px; line-height:40p

原创 control属性与placeholder属性

control属性与placeholder属性的应用 function setValue(){ var label=document.getElementById("label"); var textbox=label.control; textbox.value="010010"; } 邮编:

原创 表单新增元素与属性

function validate(){ var txtName=document.getElementById("txt_name"); var button=document.getElementById("btnValidate"); var form=document.getElementById("testform"); if(txtName.valu

原创 2.11.2 footer 元素和 hgroup 元素

footer元素 版权信息 站点地图 联系方式 这是一个文件的底部 这是一个文件的底部 group元素 这是文章标题。

原创 2.10.4 aside 元素

aside元素 js入门 语法 文章的正文，内容从此处开始。 名词解释 语法：这是一个对语言来说很重要的内容体。 评论 2017-2-5 大牛：真希望能好好学一下HTML5，前端知识

原创 2.10.3 nav元素

nav元素 主页 开发文档 HTML5与CSS3的历史 HTML5的历史 CSS3的历史 HTML5的历史 HTML5的演变历史

原创 2.10.2section 元素

section:强调分段或分块；将一块内容分为几段，用section。1.不要将section元素作为设置样式的页面容器。因为那是div的工作。2.如果article、aside、nav元素更符合使用条件，那么不要使用section元素。3.不要未标题的内容区域使用section元素，section元素存在一个标题。article:1.看成特殊的section元素，它比sectio

原创 article元素练习

article 这是一本书 简介 作者 这是一首动听的小情歌 出版日期 出版社 这是一个内嵌页

原创 2.7.2 HTML5背景

bgcolor="blue" //bgcolor修改背景颜色background="3.jpg"//设计beijin

原创 2.7.1 HTML5框架

HTML框架 framea frameb framec 框架中--> 内联框架 frameaframeB framebframeC

原创 2.6.1HTML5表单的创建

表单 用户名： 密码： 你喜欢的水果有哪些？ 苹果 香蕉 橘子 您的性别是什么？ 男 女 www.baidu.com www.wenxue.com www.qq.com

原创 2.5.3 HTML5布局的使用

HTML5 布局 div布局 body{ margin:0px; } div#container{ width:100%; height:950px; background-color:darkgray;

原创 循环队列实验3

//循环队列（顺序） A 建一个循环队列。B 连续的入队几个元素，出队几个元素 。C 队满，队空。#include#include#define MAXQSIZE 10#define ok 1#define OVERFLOW -2#define ERROR 0typedef struct{ int * base; int front; int rear;

原创 括号匹配实验3

#include#define ok 1#define error 0#define overflow -2typedef struct Snode{ int data; struct Snode *next; }Snode,*LinkStack;int InitStack(LinkStack &S) // 创建堆栈 1 {

转载 表达式计算实验3

#include "stdio.h"#include "conio.h"#include "string.h"#include "stdlib.h"#define null 0typedef struct node{ char item[10]; struct node *next;}node;//定义链式堆栈元素类型char sexpression[200]

原创 十字链表实验4

#include #include #define OK 1#define ERROR 0#define OVERFLOW -2typedef int Status;typedef int ElemType; typedef struct OLNode{ int i,j; //该非零元的行下标

原创 二叉树实验5

// 1.构建二叉树。// 2. 先中后 序遍历二叉树 // 3.独生子女的个数。// 4.二叉树的深度。#include#include#define OK 1#define OVERFLOW -2#define ERROR 0#define MAX 20typedef struct BiTNode{ char data; s

原创 图实验6

#include#include#define OVERFLOW -2typedef int Status;typedef int Boolean;typedef int ElemType;#define MAX_VERTEX_NUM 20//图的邻接表存储结构 typedef int VertexType;typedef struct ArcNode{ int a

原创 二叉排序树实验7

#include#include#define FALSE 0#define TRUE 1 typedef int KeyType;/*二叉排序树的数据结构*/typedef struct BSTNode{ KeyType key; struct BSTNode *lchild,*rchild; }BSTNode,*BSTree;/*插

原创 上机实验3种排序实验8

#include#include #define MAX 6int tot,dlat[10],RR[MAX+1];void RPrintf(int R[]){ int i; for(i=1;i<=tot;i++) printf("%d ",R[i]); printf("\n\n"); }// 打印 void Rcopy(int R[],int

原创 数据结构上机实验 一元多项式的加和乘实验2

#include #include #include #define null 0typedef struct{ float coef; //系数 int expn; //指数 }term;typedef struct Lnode{ term data; Lnode *next;}*Link,*Linklist;int cmp(t

转载 蛇形填数

#include#include#define N 20int a[N][N];int main(){    int n,i,j;    while(scanf("%d",&n)!=EOF)    {         int x,y,count=1;         memset(a,0,sizeof(a));         a[x=0][y=n-1]

转载 打印倒三角

#includeint main(){    int n,i,j,k;    while(scanf("%d",&n)!=EOF)    {         for(i=1;i             {                  for(j=1;j                  printf(" ");                     

原创 HD-oj 2524

矩形A + BTime Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submission(s): 4262    Accepted Submission(s): 3294Problem Description给你一个高为n ，宽为m列的网格，计

原创 HD-oj 1228

A + BTime Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Submission(s): 12148    Accepted Submission(s): 7098Problem Description读入两个小于100的正整数A和B,计算A+B.需要

原创 HD-oj 1013

Digital RootsTime Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Submission(s): 49822    Accepted Submission(s): 15540Problem DescriptionThe digita