HTML和CSS的简单教程.doc

HTML和CSS的简单教程.doc

ID:57685014

大小:385.50 KB

页数:28页

时间:2020-09-01

HTML和CSS的简单教程.doc_第1页
HTML和CSS的简单教程.doc_第2页
HTML和CSS的简单教程.doc_第3页
HTML和CSS的简单教程.doc_第4页
HTML和CSS的简单教程.doc_第5页
资源描述:

《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.2换行标记与强制换行标记
标记描述..
换行
文字过长时,强制浏览器不换行。在默认情况下,浏览器会对较长文字进行自动换行。示例:4.3预格式化标记
保留文字在源代码中的

7、格式,浏览器在显示内容时,会完全按照其真正的文本格式来显示。基本语法:

……
示例:第五节水平线标记水平线用于段落与段落之间的分割,使文档结构更加清晰。5.1插入水平线基本语法:
示例:5.2水平线属性设置基本语法:属性描述语法width设置水平线宽度..size设置水平线高度noshade水平线去除阴影color设置水平

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。