我给女朋友讲编程html系列(2) --Html标题标签h1

Html是一门标签语言,因此学习Html最快的方式就是学习使用html标签. html标题标签:h1,h2,h3,h4,h5,h6 标题标签总共有6个,h1,h2,h3,h4,h5,h6,从h1到h6,它对网页内容的重要性逐渐递减,h1最重要,h6最轻. 你用百度,用的最多的也就是搜索.因此你可以认为百度就是搜索引擎,搜索引擎就是百度. <h1>的作用就是告诉百度,这里面的内容就是文章的标题,方便百度识别标题. 下面看一下标题标签的用法以及效果,新建一个test.html网页,输入下面的内容:…

我给女朋友讲编程CSS系列(3) CSS如何设置字体的类型、大小、颜色，如何使用火狐浏览器的Firebug插件查看网页的字体

一.CSS如何设置字体的类型.大小.颜色设计网页时,一般设置body的字体,让其他标签继承body的字体,这样设置特别方便,但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的,它们的字体需要单独设置. 1, 新建一个网页a.html,把下面的代码复制进去. <html> <head> <style type="text/css"> body { font-family : 微软雅黑,宋体; font-size : 1…

我给女朋友讲编程CSS系列(2)- CSS语法、3大选择器、选择器优先级

首先看一下使用Css设置h1标签字体颜色和大小的例子,效果图如下: 新建一个网页test.html,然后复制粘贴下面的内容: <html> <head> <style type="text/css"> h1 {color:red; font-size:14px;} </style> </head> <body > <h1>使用Css让h1标签字体变红</h1> </body> &…

我给女朋友讲编程html系列(4) -- html常用简单标签

今天似乎有点感冒,浑身无力,在操场上躺了半个小时,好了许多.好了,废话不说了,还是写今天的教程吧. 1,html中的换行标签是 br,写法是: <br /> 2,html中有一些特殊的字符,不能直接输入,需要使用对应的字符实体来代替,比如使用来代替空格,下面按照重要性列举出来一些常用的特殊字符. 显示结果描述实体名称实体编号空格 < 小于号 < < > 大于号 > > & 和号 & & " 引号 &qu…

我给女朋友讲编程html系列(3) --html中的超链接标签-a标签和框架frame与框架集frameset

我们浏览网页的时候,当单击某段文字或图片时,就会打开一个新的网页,这里面就使用了超链接. 就比如下图是一个导航类网页,当你单击某个链接就会打开新的网页. 比如,我拿我的qq空间“金河访谈”举例,新建一个网页 a.html,输入下面的内容: <html> <head> <title> html中的超链接标签-a标签 </title> </head> <body> 1,直接转向其他页面: <a href="http://1…

我给女朋友讲编程html系列(1) -- Html快速入门

Html是一门编写网页的语言. 在我学习Html的时候,网上的很多朋友说,直接使用[记事本]编写就行了,最后保存为后缀名为 .html 的文件. 不过,我建议你用[Nodepad++]来编写网页,用这个软件有几个好处: 1,像<html>这样的标签,在Nodepad++中是变颜色的,方便识别:而且成对的标签可以折叠. 2,按住Ctrl键,滑动滑轮,可以放大或缩小字体,我就比较喜欢大字体,不费眼睛. 你可以到网上搜一下Nodepad++,然后安装一下. 下面就开始编写你的第一个网页. 1,打开N…

我给女朋友讲编程CSS系列(4) CSS盒子模型

什么是CSS盒子模型?如何学习CSS的盒子模型? 这篇文章,以 [分享 + 结论] 的方式来写. 1, 看w3school的[CSS 框模型概述] 网址为: http://www.w3school.com.cn/css/css_boxmodel.asp 接着把[CSS内边距],[CSS外边距],[CSS外边距合并]看看. 小结: (1) 一般,在样式表中,都会先把所有元素的外边距和内边距设置为0 * { margin: 0; padding: 0; } * 是通配符,就是一个符…

我给女朋友讲编程CSS系列(1) –添加CSS样式的3种方式及样式表的优先权

如果说,原生态就是美,那么,我们就没有必要穿衣打扮. 网页是什么? 说白了,网页就是一堆[html标签]有序的搭配,让[CSS属性值]整整容,请[Javascript语言]处理一下事件. 一个人的整容效果,很大程度上取决于Ta本人,也就是原材料,对网页来说,原材料就是html标签,因此设计优秀的html标签结构十分重要. 整容医生的作用也至关重要,割双眼皮,整容医生的基本功,不同医生割出来的效果不同. 作为一个网页设计师,我们是不是应该追求完美,尽最大努力,让网页漂亮一些. 我知道,我们往往自称…

我给女朋友讲编程总结建议篇，怎么学习html和css

总共写了11篇博客了,7篇讲html的,4篇讲网络的.不敢说写的多么好吧,最起码的是我迈出了写作的第一步,写作的过程中了解了一些其他的知识,比如SEO.几种重定向等,由于个人能力和见识有限,写出来的东西并是不是太好. 像html的那些标签,说出来大家都知道,但是具体设计网页的时候,使用哪种标签是最好的?怎么和CSS搭配最完美?写网页的时候,有没有什么艺术性的指导?对我这个初级的程序员来说,确实太难了,没有见识过大牛的技术,没有经历过高山流水,怎么可能写出绝对的干货. 有个大师说,50岁之前不写东…

我给女朋讲编程网络系列(2)--IIS8 如何在本地发布网站

通过IIS8 在本地发布网站,一个截图,你就全明白了,越是简单,越是实用. 如果有现成的网站,就将你的网站放到一个文件夹中,比如WebTest2中. 如何没有网站,可以在WebTest2中新建一个index.html文件,就当这个是网站的首页,有一个网页的网站也叫网站.然后把下面的内容复制粘贴进去保存: <html> <head> </head> <body > WebTest2欢迎您. </body> </html> 打开IIS8,…

Python图形编程探索系列-08-再次认识标签

标签的各种属性代码展示: import tkinter as tk root = tk.Tk() root.geometry = '500x300' label1 = tk.Label(root, text='龙王手游', width=50, height=10, bd=10) label1.config(fg='white', bg='black', relief=tk.RAISED, font=('楷体', 10, 'overstrike')) label2 = tk.Label(root…

我教女朋友学编程html系列(7)—Html无序列表、自定义列表、有序列表及常用例子

昨天写的那篇文章<我教女朋友学编程Html系列(6)—Html常用表单控件>,基本上有1000人左右看了,那边文章是我站在前人的肩膀上修改来的,添加了截图和说明,合并了例子,使之更容易被初学者接受. 今天我要讲html的有序列表和无序列表及常用例子,网上搜索了一番,没有发现太好的文章,决定自己动手,丰衣足食. 在我搜文章或知识点的时候,有一点启发,总是想先看效果图,看看效果是什么样子,然后在决定是否要继续看下去,就像去相亲,先看看双方是否对上眼了,先有外貌的吸引,才有继续交往下去的必要,当然,…

我教女朋友学编程html系列(5) html中table的用法和例子

女朋友不是学计算机的,但是现在从事计算机行业,做技术支持,她想学习编程,因此我打算每天教她一点点,日积月累,带她学习编程,如果其他初学者感兴趣,可以跟着学. 为了将table介绍的简单.生动,具有实战性,我花了3个半小时,写了5个列子,把table的一些重点知识讲了一下,直接看代码吧,一边看一边跟着敲,多动手练习. 1,边框不重叠的3行3列表格 <html> <head> <title> html中table的用法和例子 </title> </head…

少儿编程|Scratch编程教程系列合集，总有一款适合你

如果觉得资源不错,友情转发,贵在分享!!! 少儿编程Scratch: 少儿编程Scratch第一讲:Scratch完美的初体验少儿编程Scratch第二讲:奇妙的接球小游戏少儿编程Scratch第三讲:宇宙大战.枪战游戏少儿编程Scratch第四讲:射击游戏的制作,克隆的奥秘少儿编程第五讲:Scratch练习一坐标和移动少儿编程Scratch第六讲:抽奖游戏之造型.随机和广播少儿编程Scratch第七讲:字母雨打字练习少儿编程Scratch第八讲:变量和太空大战少儿编程Scratch第九讲:小猫…

【Windows编程】系列第六篇：创建Toolbar与Statusbar

上一篇我们学习了解了如何使用Windows GDI画图,该应用程序都是光光的静态窗口,我们使用Windows应用程序,但凡稍微复杂一点的程序都会有工具栏和状态栏,工具栏主要用于一些快捷功能按钮.比如典型的windows应用程序的上面是菜单栏,从菜单栏我们可以选择应用程序提供的各种功能,但是有的功能比较常用,且不能放在第一级菜单,需要进入二级.三级甚至更多的菜单才能选择.显然这样使用起来比较麻烦,于是这时候工具栏的作用就体现出来了,一般工具栏位于菜单栏的下面,但是位于客户窗口的上面.下面就是win…

小菜学习编程-Winform系列（初学者）

前言记得上次写<小菜的程序员道路(二)>,这篇文章的时候说过,要把工作以来整理的编程知识分享给大家,因为这半年来的工作实在是忙,现在也在忙着公司产品上线,但是答应的一定要实现,大家看我上面文章里的那个文档录入就知道还有很多东西要写,到现在也只写了<C++算法编程题系列>和<T-Sql学习系列完结> 这两个相对简单的系列,有的朋友说你写的东西太浅显了,当然我认为这样理解的都是大牛,因为小菜的知识面有限,工作也才一年,现在也在学习设计模式,编程底层的东西以及新的技术等,…

【Windows编程】系列第五篇：GDI图形绘制

上两篇我们学习了文本字符输出以及Unicode编写程序,知道如何用常见Win32输出文本字符串,这一篇我们来学习Windows编程中另一个非常重要的部分GDI图形绘图.Windows的GDI函数包含数百个API可供我们使用,本篇把最常用的GDI绘图做一个讲解.GDI可以绘制点.直线曲线.填充封闭区域.位图以及文本,其中文本部分已经在上一篇中将了,请参考[Windows编程]系列第三篇:文本字符输出. 跟前面的GDI对象一样,本篇的这些绘图函数也必须要设备上下文句柄(HDC)作为函数参数,从前文我…

【C++自我精讲】基础系列二 const

[C++自我精讲]基础系列二 const 0 前言分三部分:const用法.const和#define比较.const作用. 1 const用法 const常量:const可以用来定义常量,不可改变,const常量在定义时必须初始化(extern修饰时是特例). //const常量 ; extern const int Number; const指针: 1)const出现在*号左边,表示被指物是常量(不可以改变):注意:const写在类型之前和写在类型之后且*号之前是一样的. 2)const出…

【C++自我精讲】基础系列四 static

[C++自我精讲]基础系列四 static 0 前言变量的存储类型:存储类型按变量的生存期划分,分动态存储方式和静态存储方式. 1)动态存储方式的变量,生存期为变量所在的作用域.即程序运行到此变量时才为其分配存储空间,作用域结束时,会自动收回为其分配的存储空间. 2)静态存储方式的变量,生存期为整个程序执行的过程.即程序开始时就为其分配存储空间,程序结束时,才会收回为其分配的存储空间. 4种变量的存储类型: 1)自动类型(auto):动态存储方式的变量,局部变量,auto常常省略. 2)寄存器…

【C++自我精讲】基础系列一指针与引用

[C++自我精讲]基础系列一指针与引用一前言指针.引用.指针与引用区别. 二指针变量:代码中常常通过定义变量来申请并命名存储空间,并通过变量的名字来使用这段存储空间. //变量 int nNum; //声明名字为nNum的int型存储空间 nNum = ; //nNum存储值100 nNum = ; //改变nNum存储值200 指针:又叫一级指针,用来指示一个内存地址的变量.对于一个类型T(int.char.folat...),T*就是指向T的指针类型,一个T*类型的变…

【C++自我精讲】基础系列六 PIMPL模式

[C++自我精讲]基础系列六 PIMPL模式 0 前言很实用的一种基础模式. 1 PIMPL解释 PIMPL(Private Implementation 或 Pointer to Implementation)是通过一个私有的成员指针,将指针所指向的类的内部实现数据进行隐藏. 2 PIMPL优点举例: //x.h class X { public: void Fun(); private: int i; //add int i; }; //c.h #include <x.h> class…

zookeeper编程入门系列之zookeeper实现分布式进程监控和分布式共享锁（图文详解）

本博文的主要内容有一.zookeeper编程入门系列之利用zookeeper的临时节点的特性来监控程序是否还在运行二.zookeeper编程入门系列之zookeeper实现分布式进程监控三.zookeeper编程入门系列之zookeeper实现分布式共享锁我这里采用的是maven项目,这个很简单,不会的博友,见我下面写的这篇博客 Zookeeper项目开发环境搭建(Eclipse\MyEclipse + Maven) 这里,推荐用下面的eclipse版本(当然你若也有myeclips…

【C++自我精讲】基础系列五隐式转换和显示转换

[C++自我精讲]基础系列五隐式转换和显示转换 0 前言 1)C++的类型转换分为两种,一种为隐式转换,另一种为显式转换. 2)C++中应该尽量不要使用转换,尽量使用显式转换来代替隐式转换. 1 隐式转换定义:隐式转换是系统跟据程序的需要而自动转换的. 1)C++类型(char,int,float,long,double等)的隐式转换: 算术表达式隐式转换顺序为: 1.char - int - long - double 2.float - double //1)算术表达式 ; double…

【C++自我精讲】基础系列三重载

[C++自我精讲]基础系列三重载 0 前言分二部分:函数重载,操作符重载. 1 函数重载函数重载:指在同一名字空间中,函数名称相同,参数类型.顺序或数量不同的一类函数,同一函数名的函数能完成不同功能. //非函数重载,只是返回值不一样 void Fun(int i); int Fun(int i); //非函数重载,不在同一名字空间 namespace A { int Add(int i, int j); }; namespace B { float Add(float i, float…

linux高级编程基础系列：线程间通信

linux高级编程基础系列:线程间通信转载:原文地址http://blog.163.com/jimking_2010/blog/static/1716015352013102510748824/ 线程间通信机制: 线程是一种轻量级的进程. 进程的通信机制主要包括无名管道.有名管道.消息队列.信号量.共享内存以及信号等.这些机制都是由linux内核来维护的,实现起来都比较复杂,而且占用大量的系统资源. 线程间的通信机制实现起来则相对简单,主要包括互斥锁.条件变量.读写锁和线程信号等. 本文会对以…

Java并发编程锁系列之ReentrantLock对象总结

Java并发编程锁系列之ReentrantLock对象总结在Java并发编程中,根据不同维度来区分锁的话,锁可以分为十五种.ReentranckLock就是其中的多个分类. 本文主要内容:重入锁理解;重入锁代码演示; ReentranckLock的总结本篇是<凯哥(凯哥Java:kagejava)并发编程学习>系列之<Lock系列>教程的第四篇:<Java并发包下锁学习第六篇:ReentranckLock的总结>. 我们先来看看内部结构: ReentranckLoc…

Linux C++ 网络编程学习系列（1）——端口复用实现

Linux C++ 网络编程学习系列(1)--端口复用实现源码地址:https://github.com/whuwzp/linuxc/tree/master/portreuse 源码说明: server1.cpp: 监听127.1:6666,功能是将收到的小写转大写 server2.cpp: 监听192.132:6666, 功能是接收数据, 将自己的数据从大写转小写, 把不是自己的数据转发给server1处理(判断方法是头三个字符是不是123) client.cpp: 客户端, 地址在: ht…

Android系统编程入门系列之加载界面Activity

上回说到应用初始化加载及其生命周期,在Android系统调用Applicaiton.onCreate()之后,继续创建并加载清单文件中注册的首个界面即主Activity,也可称之为入口界面.主Activity的确定规则在Android系统编程入门系列之清单文件有介绍,本文主要介绍Android系统创建Activity之后的生命周期流程. 在清单文件中所注册的界面均为自定义Activity,其父类往上追溯,必须继承自android.content.Activity. 生命周期 Activity作为…

Spring 系列教程之默认标签的解析

Spring 系列教程之默认标签的解析之前提到过 Spring 中的标签包括默认标签和自定义标签两种,而两种标签的用法以及解析方式存在着很大的不同,本章节重点带领读者详细分析默认标签的解析过程. 默认标签的解析是在 parsedefaultelement(ele, delegate) 函数中进行的,函数中的功能逻辑一目了然,分别对4种不同标签(import. alias.bean 和 beans)做了不同的处理. private void parseDefaultElement(Element…

iOS系列基础篇 06 标签和按钮 (Label & Button)

iOS系列基础篇 06 标签和按钮 (Label & Button) 目录: 标签控件按钮控件小结标签和按钮是两个常用的控件,下面咱们逐一学习. 1. 标签控件使用Single View Application模板创建一个名为“LabelAndButtonSimple”的工程 (PS:具体创建过程和各设置项介绍等可参见前面的文章,这里就截图简单带过了:) (1) 打开Xcode,选择Create a new Xcode Project: (2) 选择Single View Applic…

【我给女朋友讲编程html系列(2) --Html标题标签h1】的更多相关文章