欢迎来到天天文库
浏览记录
ID:57685014
大小:385.50 KB
页数:28页
时间:2020-09-01
《HTML和CSS的简单教程.doc》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、.HTML简明讲义第一节HTML基础1.1什么是HTML是一种超文本标记语言(HyperTextMarkupLanguage)超文本:包含有链接关系的文本,且包含多媒体对象的文件。1.2HTML标记的格式<标识标记属性=“值”>1.3HTML文档的基本结构欢迎进入HTML世界这会是一种很有趣的体验第二节页面的主体标记网页的主体部分位于和这两个标记之间,放置的是页面中的所有内容,如文字、图片、、表格、表单等
2、。2.1文字颜色属性Text在没有对文字进行单独定义颜色时,这个属性对页面中的所有文字产生作用。..基本语法:常用color_value颜色颜色名称十六进制代码黑色black#000000绿色green#009900灰色gray#808080白色white#FFFFFF黄色yellow#FFFF00红色red#FF0000蓝色blue#0000FF示例:设定页面文字颜色为蓝色2.2背景颜色属性BgColor设定整个页面的背景颜色。基本语法:示例:设定页面背景颜色为深蓝色(#33669
3、9),文字颜色为白色2.3背景图片属性BackGround背景图片位于网页的最底层,文字和图片等都位于它的上方。基本语法:示例:设定页面背景平铺效果显示..2.4背景图片固定属性BgProperties背景图片固定,是指不论浏览器的滚动条如何拖动,背景永远固定在相同位置,并不会随着文字的滚动而滚动。基本语法:示例:设定页面效果背景图片固定显示2.5上边距属性TopMargin定义页面的上边距,即内容和浏览器上部边框之间的距离。基本语法:4、lue”>示例:设定页面上边距为302.6左边距属性LeftMargin定义页面的左边距,即内容和浏览器左部边框之间的距离。基本语法:示例:设定页面左边距为30第三节文字内容3.1输入普通文字示例:..3.2输入空格符号示例: 3.3输入常用特殊符号特殊符号符号码“"&&<<>>示例:3.4注释语句基本语法:……基本语法:示例:3.5标题字标记标题文字就是以某几种固定的字号去显示文字基本语法:定义六级标题,从一到六级,每级标题的字体大小依次递减..标记5、描述……一级标题……二级标题……三级标题……四级标题……五级标题……六级标题示例:3.6定义标题字对齐属性基本语法:属性描述……标题左对齐……标题中对齐……标题右对齐示例:3.7文字修饰标记标记描述粗体粗体斜体斜体斜体上标下标大字体小字体下划线删除线6、ike>删除线..示例:3.8字体标记Font属性描述face字体size字号从1到7逐渐增大color颜色示例:第四节段落标记在html中,使用……标记来表示段落。4.1定义段落对齐属性基本语法:属性描述……
4、lue”>示例:设定页面上边距为302.6左边距属性LeftMargin定义页面的左边距,即内容和浏览器左部边框之间的距离。基本语法:示例:设定页面左边距为30第三节文字内容3.1输入普通文字示例:..3.2输入空格符号示例: 3.3输入常用特殊符号特殊符号符号码“"&&<<>>示例:3.4注释语句基本语法:……基本语法:示例:3.5标题字标记标题文字就是以某几种固定的字号去显示文字基本语法:定义六级标题,从一到六级,每级标题的字体大小依次递减..标记
5、描述
6、ike>删除线..示例:3.8字体标记Font属性描述face字体size字号从1到7逐渐增大color颜色示例:第四节段落标记在html中,使用
……
保留文字在源代码中的7、格式,浏览器在显示内容时,会完全按照其真正的文本格式来显示。基本语法:……示例:第五节水平线标记水平线用于段落与段落之间的分割,使文档结构更加清晰。5.1插入水平线基本语法:示例:5.2水平线属性设置基本语法:属性描述语法width设置水平线宽度..size设置水平线高度noshade水平线去除阴影color设置水平
7、格式,浏览器在显示内容时,会完全按照其真正的文本格式来显示。基本语法:
此文档下载收益归作者所有