html菜鸟进阶,你的字体也可瞬间生动_第1页
html菜鸟进阶,你的字体也可瞬间生动_第2页
html菜鸟进阶,你的字体也可瞬间生动_第3页
html菜鸟进阶,你的字体也可瞬间生动_第4页
html菜鸟进阶,你的字体也可瞬间生动_第5页
已阅读5页,还剩1页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

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

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论