HTML菜鸟进阶,你的字体也可瞬间生动.docVIP

HTML菜鸟进阶，你的字体也可瞬间生动 导读：菜鸟小编在昨天“每天一贴”栏目中，已经带大家初识了HTML的基本语法规则。并且大家也在学习最后，完成了最基本的文本式的简单网页。但事实上，我们日常生活中所见到的网页往往是没有这么简单的，我们日常生活中见到的网页大都是图文并茂，甚至还会有视频，链接，文本也会进行各种各样的加工，比如红色，蓝色字体，字体大小也不一样，文本段落格式也有变化多端。那么，今天菜鸟小编就带领大家来学习如何向网页中添加图片，如何对图片或文字添加链接，如何更改文本字体，如何变换文本段落格式，如何更改文字段落网页背景颜色等等。 首先，在学习之前，我们必须先了解一个概念——HTML属性。 什么是HTML属性？大家一定还记得菜鸟小编在第一课时跟大家分享的一个理解概念涵义的方法——拆词解释法。不错，小编今天也要用拆词解释法来对HTML属性涵义进行讲解。属性，百度百科，“属性即事物本身所固有的性质。是物质必然的、基本的、不可分离的特性，又是事物某个方面质的表现。一定质的事物常表现出多种属性。有本质属性和非本质属性的区别。”简单一句话，属性即物体的特性，用来区别于其他物体的内外在表现，如物体的大小，长短，宽窄等都属于物体的属性。属性应用到HTML语言中，则用来表示HTML标签所具有的特性，这种特性区别于其他相同标签。 一、属性的书写方法 标签名 属性名1=属性值 属性名2=属性值 ... 属性名N=属性值/标签名 书写html属性时，我们要注意以下几点： 1.属性放在标签的首标签中，属性与首标签之间空一格； 2.属性由属性名和值成对出现，属性名与属性值之间用“=”隔开，属性值必须用英文状态双引号引起来； 3.一个标签可以有多个属性，属性与属性之间用空格隔开。 举例： h2 style=background-color:#ff0000李白/h2，表示将标题2“李白”设置为背景红色。 解析： h2 style=background-color:#ff0000 Style：翻译成中文，为风格，样式的意思。在HTML中用来设定网页样式； background-color：背景颜色； color：为美式拼写，在html语言中很多时候都是使用美式拼写，所以我们在学习过程中一定要多加注意； #ff0000：红色，#表示十六位制代码。该程序也可写成“h2 style=background-color:red”。在html语言中，对于一些最常用的颜色（比如白色、黑色、红色、兰色、绿色及黄色等），我们可以使用它们的英语名称来定义。 拓展： 白色： #ffffff 黑色： #000000 红色： #ff0000 兰色： #0000ff 绿色： #00ff00 黄色： #ffff00 一、字体颜色 style=color:red ?blackground-color表示背景颜色；color表示字体颜色。 二、文字大小 style=font-size:20px 三、字体红色，20号，背景灰色 style=color:red style=font-size:20px style=background-color:gray 注意书写时，一定要在英文状态下完成。 四、网页背景设置为蓝色 body style=background-color:blue/body 淡蓝色 Lightblue （light与blue之间不要用空格隔开，也不要用横杠隔开）。 同理，淡绿色：lightgreen 深蓝色 darkblue（dark与blue之间不要用空格隔开，也不要用横杠隔开） 同理，深绿色：darkgreen 五、文本居中 align=center （align：排列） 文本左对齐 align=left 文本右对齐 align=right 六、链接 a href= /view/2133.htm/李白/a 元素a：代表“链接（anchor）”； 属性href：代表“超文本引用（hypertext reference）”，用于指定链接指向何处——通常是一个因特网地址或者一个文件名。 /view/2133.htm/，属性href的值，也被称作URL（统一资源定位符）。注意，在URL里必须包含“http://”。“李白”是这个链接在浏览器中显示出来的文本。记得在元素结尾处写上/a。 小编感言：这一节，可以说是比较笼统的一节，主要讲述了三个属性：style定义文本的大小，颜色；align定义文本的排列方式；href建立链接。也正是内容的笼统性，菜鸟小编的能力有限性，以及时间的限制，菜鸟小编就只能讲到这儿了。 文章来源：长沙网站建设公司/articles/wzjs/254.html