HTML和CSS的简单教程.docVIP

HTML 简明讲义 第一节 HTML基础 1.1什么是HTML 是一种超文本标记语言（HyperTextMarkupLanguage） 超文本：包含有链接关系的文本，且包含多媒体对象的文件。 1.2 HTML标记的格式 ELEMENT ATTRIBUTE = value 标识标记 属性=“值” 1.3 HTML 文档的基本结构 HTML HEAD TITLE欢迎进入 HTML 世界/TITLE /HEAD BODY 这会是一种很有趣的体验 /BODY /HTML 第二节 页面的主体标记 网页的主体部分位于body和/body这两个标记之间，放置的是页面中的所有内容，如文字、图片、链接、表格、表单等。 2.1文字颜色属性Text 在没有对文字进行单独定义颜色时，这个属性对页面中的所有文字产生作用。 基本语法：body text=”color_value” 常用color_value 颜色 颜色名称 十六进制代码 黑色 black #000000 绿色 green #009900 灰色 gray #808080 白色 white #FFFFFF 黄色 yellow #FFFF00 红色 red #FF0000 蓝色 blue #0000FF 示例：设定页面文字颜色为蓝色 2.2背景颜色属性BgColor 设定整个页面的背景颜色。 基本语法：body bgcolor=”color_value” 示例：设定页面背景颜色为深蓝色（#336699），文字颜色为白色 2.3背景图片属性BackGround 背景图片位于网页的最底层，文字和图片等都位于它的上方。 基本语法：body background=”img-file-url” 示例：设定页面背景平铺效果显示 2.4背景图片固定属性 BgProperties 背景图片固定，是指不论浏览器的滚动条如何拖动，背景永远固定在相同位置，并不会随着文字的滚动而滚动。 基本语法：body bgproperties=”fixed” 示例：设定页面效果背景图片固定显示 2.5上边距属性 TopMargin 定义页面的上边距，即内容和浏览器上部边框之间的距离。 基本语法：body topmargin=”value” 示例：设定页面上边距为30 2.6左边距属性 LeftMargin 定义页面的左边距，即内容和浏览器左部边框之间的距离。 基本语法：body leftmargin =”value” 示例：设定页面左边距为30 第三节 文字内容 3.1输入普通文字 示例： 3.2输入空格符号 示例：nbsp 3.3输入常用特殊符号 特殊符号 符号码 “ quot amp lt gt 示例： 3.4注释语句 基本语法：comment……/comment 基本语法：!-- …… -- 示例： 3.5标题字标记 标题文字就是以某几种固定的字号去显示文字 基本语法：定义六级标题，从一到六级，每级标题的字体大小依次递减 标记 描述 h1……/h1 一级标题 h2……/h2 二级标题 h3……/h3 三级标题 h4……/h4 四级标题 h5……/h5 五级标题 h6……/h6 六级标题 示例： 3.6定义标题字对齐属性 基本语法： 属性 描述 hn align=left……/hn 标题左对齐 hn align=center……/hn 标题中对齐 hn align=right……/hn 标题右对齐 示例： 3.7文字修饰标记 标记 描述 b 粗体 strong 粗体 i 斜体 em 斜体 cite 斜体 sup 上标 sub 下标 big 大字体 small 小字体 u 下划线 s 删除线 strike 删除线 示例： 3.8字体标记Font 属性 描述 face 字体 size 字号 从1到7 逐渐增大 color 颜色 示例： 第四节 段落标记 在html中，使用p……/p标记来表示段落。 4.1定义段落对齐属性 基本语法： 属性 描述 p align=left……/p 段落左对齐 p align=center……/p 段落中对齐 p align=right……/p 段落右对