Quantcast
Channel: HTML/DIV+CSS
Browsing latest articles
Browse All 26 View Live

HTML基本概念-第一节

什么是HTML文件? HTML的英文全称是Hypertext Marked Language,中文叫做超文本标记语言。 和一般文本的不同的是,一个HTML文件不仅包含文本内容,还包含一些Tag,中文称标记。 一个HTML文件的后缀名是.htm或者是.html。 用文本编辑器就可以编写HTML文件。

View Article



HTML基础Tag-第二节

HTML里,比较基础的 Tag 主要用于标题,段落和分行。 正文标题 这个示例告诉你如何在 HTML 文件里定义正文标题。 HTML用h1到h6这几个Tag来定义正文标题,从大到

View Article

HTML常用格式-第三节

HTML 定义了一些文本格式的Tag,比如利用Tag,可以将字体变成粗体或者斜体。根据 SEO 中国站的介绍,你可以了解各种文本格式 Tag 如何改变HTML文本的显示。 常用文本格式Tag Tag Tag说明 b 粗体bold i 斜体italic del 文字当中划线表示删除 ins 文字下划线表

View Article

HTML特殊字符-第四节

HTML字符实体(Character Entities) 有些字符在HTML里有特别的含义,比如小于号就表示HTML Tag的开始,这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号,该怎么办呢? 这就要说到 HTML 字符实体(HTML Character Entities)

View Article

HTML超链接(Hyperlinks)-第五节

a和href属性 HTML用a来表示超链接,英文叫anchor。 a可以指向任何一个文件源:一个HTML网页,一个图片,一个影视文件等。用法如下: a href=url链接的显示文字/a 点击a/a当中的内容,即可打开一个链接文件,href属性则表示这个链接文件的路径。 比如链接到se

View Article


HTML相对路径和绝对路径-第六节

HTML有两种路径的写法: 相对路径 和 绝对路径 。 HTML相对路径(Relative Path) 同一个目录的文件引用 如果源文件和引用文件在同一个目录里,直接写引用文件名即可。 我们现在建一个源文件info.html,在info.html里要引用index.html文件作为超链接。 假设inf

View Article

HTML表格、框架、列表的使用-第七节

HTML表格用table表示。一个表格可以分成很多行(row),用tr表示;每行又可以分成很多单元格(cell),用td表示。 border属性 在缺省情况下,如果不设置表格的边界,表格是不显示边界的。 要显示表格的边界,可使用border这个属性。 表格的表头 用th来表示表格的

View Article

HTML表单(Forms)-第八节

HTML表单(Form)是HTML的一个重要部分,主要用于采集和提交用户输入的信息。 举个简单的例子,一个让用户输入姓名的HTML表单(Form)。示例代码如下: form action=http://www.seocnz.com/html/asdocs/html_tutorials/yourname.asp method=get 请输入你的姓名:

View Article


HTML图片(Images)-第九节

图片alt属性 img中有一个alt属性,英文叫alternate text。例句如下: img src = ../images/html_tutorials/smile.jpg alt=smile face 假使浏览器没有载入图片的功能,浏览器就会转而显示Alt属性的值。 其实,现在大多数浏览器都支持图片载入。在此介绍Alt属

View Article


HTML字体(Fonts)-第十节

在HTML里,可以用font这个元素及其属性来设定 字体 的大小,颜色和字体风格。 字体大小 用字体大小属性(size)来设定字体的大

View Article

HTML背景颜色和背景图片及头部信息-第十一节

HTML的 body 有两个关于背景的属性,一个是 bgcolor,是设置背景颜色的;另一个是 background,是设置背景图片的。 bgcolor属性 bgcolor属性用来设置HTML网页的背景颜色。 background属性 background属性用来设置HTML网页的背景图片。background属性值就是背

View Article

HTML元素参考手册

SEO中国站 总结的HTML元素参考手册供大家使用: a 表示超链接的起始或目的位置。 acronym 表示取首字母的缩写词。 address 表示特定信息,如地址、签名、作者、文档信息。 applet 在页面上放置可执行内容。 area 定义一个客户端图像映射中一个超级链接区域的

View Article

HTML颜色参考(Color)

在HTML里,颜色有两种表示方式。一种是用颜色名称表示,比如blue表示蓝色。另外一种是用16进制的数值表示RGB的颜色值。RGB是Red,Green,Blue意思,RGB每个原色的最小值是0,最大值是255,如果换算成16进制表示,就是(#00),(#FF)。比如白色的RGB(255,255,25

View Article


CSS(Cascading Style Sheets)简介

CSS(Cascading Style Sheets)简介 当初一帮技术人员想出HTML,主要侧重于定义内容,比如p表示一个段落,h1表示标题,而并没有过多设计HTML的排版和界面效果。 随着Internet的迅猛发展,HTML被广泛应用,上网的人们当然希望网页做得漂亮些,因此HTML排版和界

View Article

CSS基础语法

CSS 基本语法 一个样式(Style)的语法由三部分构成:Selector(中文叫选择器有点怪怪的,就用英文吧),属性(Property),属性值(Value)。 selector {property: value} 举个例子,下面的代码p就是selector,color就是属性,blue就是属性值。 p {color:blue} HTML

View Article


CSS字体属性(font)

字体名称属性(font-family) 这个属性设定字体名称,如Arial, Tahoma, Courier等。例句如下: .s1 {font-family:Arial} 字体大小属性(font-size) 这个属性可以设置字体的大

View Article

CSS常用文本属性

文本对齐属性(text-align) 这个属性用来设定文本的对齐方式。有以下值: left (居左,缺省值) right (居右) center (居中) justify (两端对齐) 示例代码如下: .p2 {text-align:right} 文本修饰属性(text-decoration) 这个属性主要设定文本划线的属性。有以

View Article


CSS背景属性

背景颜色属性(background-color) 这个属性为HTML元素设定背景颜色,相当于HTML中bgcolor属性。 body {background-color:#99FF00;} 上面的代码表示Body这个HTML元素的背景颜色是翠绿色的。 背景图片属性(background-image) 这个属性为HTML元素设定背景图片,

View Article

CSS边框属性(border)

边框风格属性(border-style) 这个属性用来设定上下左右边框的风格,它的值如下: none (没有边框,无论边框宽度设为多大) dotted (点线式边框) dashed (破折线式边框) solid (直线式边框) double (双线式边框) groove (槽线式边框) ridge(脊线式边框) inset

View Article

CSS边距属性(margin)

下面 SEO中国站 总结下,在CSS中边距属性的使用,边距属性是用来设置页面中一个元素所占空间的边缘到相邻元素之间的距离。 左边距属性(margin-left) 这个属性用来设定左边距的宽度。示例如下: .d1{margin-left:1cm} 右边距属性(margin-right) 这个属性用来

View Article

CSS间隙属性(padding)

间隙属性(padding)是用来设置元素内容到元素边界的距离。 左间隙属性(padding-left) 这个属性用来设定左间隙的宽度。示例如下: .d1{padding-left:1cm} 右间隙属性(padding-right) 这个属性用来设定右间隙的宽度。示例如下: .d1 {padding-right:1cm} 演示示

View Article


CSS盒子模式(Box Model)

SEO 中国站详细介绍下,什么是盒子模式,在CSS 中有个重要的概念,就是盒子模式 (Box model)。 胡戈的一个馒头引发的血案中有个圆圈套圆圈娱乐城,而这个盒子模式套用这句话来说,就是方块套方块。 先看看下面这个图,黑框包围的一个方块,就是一个盒子 (Box

View Article


CSS列表属性(list-style)

列表样式类型属性(list-style-type) 这个属性用来设定列表项标记(list-item marker)的类型。 SEO中国站 告诉你有以下值: disc (缺省值,黑圆点) circle (空心圆点) square (小黑方块) decimal (数字排序) lower-roman (小写罗马字排序) upper-roman (大写罗

View Article

CSS伪类(pseudo-class)

和一般的CSS语法不同(参见 SEO中国站 CSS语法),CSS伪类的语法有两种。 第一种: selector:pseudo-class {property: value} 例句: a:link {color:red} 第二种: selector.class:pseudo-class {property: value} 例句: a.c1:link {color:red} 锚(a)伪类 锚(

View Article

CSS属性参考

SEO 中国站所知,该CSS属性参考是根据W3C的CSS2标准的属性参考说明和微软的CSS属性参考说明整理而成。两者有差异处,如默认值,则以Internet Explorer 的效果为准。 W3C 参考来源: W3C CSS2 Property Index 微软 参考来源:微软MSDN中的CSS Reference 颜色

View Article


CSS长度单位参考

在CSS样式表中,我们经常会看到pt, px,em,ex,in等这类长度单位。它们各是什么意思,有什么区别呢? SEO中国站 分析如下。 在CSS样式表中,长度单位分两种: 相对长度单位,如px, em等 绝对长度单位,如pt,mm等 也谈px和pt的区别 经常看到有人拿px和pt比

View Article
Browsing latest articles
Browse All 26 View Live




Latest Images