图片字体页面 一、文字标签 1、标题标签(Header)

Slides:



Advertisements
Similar presentations
HyperText Markup Language
Advertisements

第六章 网页设计与制作基础.
ASP.NET 網頁製作教本 -- 從基本語法學起
第3章 文字与段落 清华大学出版社.
项目2 字符格式和段落编排 2017年3月7日6时54分.
HTML第一课 李 伟 HTML开发语言基础.
第5章 HTML 標籤介紹.
佛山科学技术学院 第7章 HTML Internet及多媒体应用.
动态网页制作 第1章 HTML语言1.
HTML概念 HTML(Hyper Text Markup Language 超文本标识语言) 是一种用来制作超文本文档的简单标记语言。
教学内容 1、演示并讲解用表格布局制作的网页 2、用表格制作网页.
DREAMWEVAER MX 2004入门 楼斌 BBS ID:lou 生命科学学院
网页 设计与制作.
2 HTML5與CSS3 2-1 HTML5的頁面結構 2-2 HTML5的文字編排標籤 2-3 HTML5的圖片與超連結標籤
第五单元课1-3 层叠样式表.
第3章 HTML语言 3.1 HTML文档的基本结构 3.2 文字排版 3.3 图片排版 3.4 超级链接 3.5 表格 3.6 框架窗口
模块1 网页设计基础 实训1 体验HTML文档 1.1 网页基础知识 1.2 网站配色方案 1.3 网站设计常用软件
PRESENTED BY OfficePLUS
有序列表.
使用HTML製作個人網頁 柴惠敏 台灣大學 物理治療學系.
第二部分 HTML语言控制 本次课的主要内容: 1、认识网页文件的结构 2、HEAD、TITLE、BODY等基本标记符的使用
HTML 語法教學 授課:彭穎聰 老師.
第6章 网页图像处理 通过本章学习,应该掌握以下内容: 能够选择合适的网页颜色 了解网页图像的基本格式 掌握使用网页图像的要点
网页编程基础 曾宪文,Rex Zeng 纸飞机网络技术部部长 Leader of ACE.
HTML簡介、文字的變化、超連結的使用 主講:朱漢琳.
CT212 (02/03)-Network Programming and design
武汉纺织大学传媒学院 cm.wtu.edu.cn
網際網路的應用服務 – Web 概念與網頁語言
HTML.
ASP动态网页设计实用教程 主讲教师: 开课单位:.
UI 软件 设计 网页基本元素设计(二).
CSS简介 WEB前端三剑客之二.
湖北职院计科系.
标准规范 2.自己偏好习惯 3.讨论/建议 永远遵循同一套编码规范 -- 不管多少人同时参与编码,所有代码都应该看上去像是一个人编写的一样。
Ch01 HTML 5 資料格式 網頁程式設計.
計算機概論 請老師填入姓名主講 課本:數位傳真2012 博碩文化出版發行.
HTML網頁設計 Chapter 建置網站的流程 16-2 從事網頁設計相關的程式語言 16-3 認識HTML語法
HTML 钟晖云 QQ:
Ch.13 HTML網頁實作.
第2章 超文本标记语言HTML.
HTML – 文字格式 資訊教育.
HTML & CSS.
第一部分 HTML语言与网页设计 一、HTML基本标记 ●在HTML语言中,其标记大多成对出现。 <html>
主讲:陶建平 华中科技大学网络与计算中心
点击此处添加标题 ADD YOUR TITLE ADD YOUR TITLE 点击此处添加文本信息
W3C标准网页制作 主讲教师:张 涛.
POWERPOINT TEMPLATE HI.
Web应用开发.
点击此处添加标题 01 点击此处添加标题 点击此处添加标题 点击此处添加标题 点击此处添加标题 点击此处添加标题 点击此处添加标题
PRESENTED BY OfficePLUS
第 3 章 圖文並茂— 在文件中加入圖片 著作權所有 © 旗標出版股份有限公司.
大家所认为的电子商务行业有哪些途径来赚钱?
网页设计与制作教程第5版 机械工业出版社同名教材 配套电子教案.
武汉纺织大学传媒学院 cm.wtu.edu.cn
HTML – 超連結與圖片 資訊教育.
产品推广 PRODUCT PROMOTION PRESENTED BY OfficePLUS.
網頁設計 清單設計 Instructor: Reporter:楊政勳 Date:
表格页面 表格标签 1、标题标签<Caption>用于定义表格的标题。 align属性:控制标题位置。 取值为:
PRESENTED BY OfficePLUS
POWERPOINT TEMPLATE PRESENTED BY OfficePLUS.
项目二:HTML语言基础.
布局大师——表格.
HTML大探索.
第六章 Excel的应用 一、Excel的单元格与区域 1、单元格:H8, D7, IV26等 2、区域:H2..D8, HS98:IT77
CLICK HERE TO ADD YOUR TITLE
第6章 使用CSS修饰常见的网页元素 主讲人:刘泰然 经济管理学院.
第7章 使用CSS设置链接与导航菜单 经济管理学院.
第6章 框架实现多窗口网页.
第6章 使用CSS修饰常见的网页元素 经济管理学院.
教师:李金双 网页制作 教师:李金双
Presentation transcript:

图片字体页面 一、文字标签 1、标题标签(Header) 标题控制标签限定了字体变化、段落之间的距离及表现标题时的空格大小,共有六级标题控制标签,。六级标题控制标签分别为<H1><H2><H3><H4><H5><H6>,其中<H1>为最高级,<H6>为最低级。 标题控制标签具有控制属性align,用来控制文本的对齐方式。属性的取值为: align=center 表示文本居中 align=left 表示文本左对齐(缺省配置) align=right 表示文本右对齐

图片字体页面 一、文字标签 2、物理式样标签(Physical Style) 物理式样标签告诉浏览器使用的字体式样。用户看到的效果不随浏览器的设置而改变。物理式样有: <B>标签:文本以粗体显示。 <I>标签:文本以斜体显示。 <U>标签:文本以下划线形式显示。 <Tt>标签:文本以打字机格式文本显示,例如等距离字。 <Sub>标签:文本以下标字来显示。 <SuP>标签:文本以上标字来显示。 <Strike>标签:文本以划去线形式显示。

图片字体页面 一、文字标签 3、逻辑式样标签(Logical Style) 逻辑式样标签是让浏览器决定如何显示文本,用户可以按照自己的想法对网页进行修改,有时在不同的浏览器中可以看到的效果不同。 <Em>标签:显示需要强调的文本, 文本以斜体显示。 <Strong>标签:显示需要加重强调的文本,文本以粗体显示。 <Code>标签:显示计算机代码,文本以等距离字显示。 <Samp>标签:显示样本文本,文本以等距离字显示。 <Kbd>标签:显示键盘,文本以等距离字显示。

图片字体页面 一、文字标签 3、逻辑式样标签(Logical Style) <Var>标签:显示变量名,文本以斜体显示。 <Dfn>标签:显示文档中的术语定义部分,文本以斜体显示。 <Cite>标签:显示引用的文本,文本以斜体显示。 <Big>标签:显示大字体(相对于当前字体)。 <Small>标签:显示小字体(相对于标准字体)。

图片字体页面 一、文字标签 4、字体标签 <Font>标签用来控制文字的大小、颜色、字体等 <Font>标签的属性: size属性:用来设置文字的大小。可以选择的值有1、2、3、4、5、6、7。其中值等于1时字体最小,值等于7时字体最大,值等于3时的字体是缺省的正常值。也可以通过相对值来表示,如值等于+1就是4、-1就是2。

图片字体页面 一、文字标签 4、字体标签 color属性:用来设置文字的颜色。颜色的取值参看页面控制中的bgcolor属性的取值方法。 face属性:用来设定实际显示的字体式样。 注意: <Font>标签后的字体将随其设置改变直至</Font>标签出现。</Font>标签后的字体无论颜色、大小、字体式样都将恢复为默认状态。

图片字体页面 二、列表标签 1、有序列表 在文本行中添加项目编号,通常可以选择以阿拉伯数字、罗马数字或罗马字母为顺序。缺省默认是以阿拉伯数字顺序编号。形式为:以<Ol>标签开始,用<Li>标签来控制列表的选项。有序列表标签的属性有类型(type)和开始数(start)。 类型的取值为: type=“l” :表示以阿拉伯数字为顺序(缺省设置)。 type =“A” :表示以大写的罗马字母为顺序。 type =“a” :表示以小写的罗马字母为顺序。 type =“I” :表示以大写的罗马数字为顺序。 type =“i” :表示以小写的罗马数字为顺序。

图片字体页面 二、列表标签 2、无序列表 在文本行中添加项目符号,通常以实心圆点、空心圆点或方块来引导。缺省默认是实心圆点。形式为以<Ul>标签开始,用<Li>标签来控制列表的选项。无序列表标签属性有类型(type)。 类型的取值有以下几种: type =“round”:表示以实心圆点为顺序。 type =“circle”:表示以空心圆点为顺序。 type =“square” :表示以方块为顺序。

图片字体页面 三、图片标签<img> 图片控制标签在网页中显示图片。 src属性:要显示的图片文件的路径,取值为URL。 URL可以是绝对地址(src="e:\wz\picture\view.jpg")或相对地址(src ="view.jpg")。 alt属性:在未下载完图片时,显示一些有关此图片的信息描述。在图片下载完毕时,图片的信息描述将消失。若图片被破坏或移动,可通过alt属性了解到该图片的信息。取值为字符串。

图片字体页面 三、图片标签 width属性:用来控制图片的宽度。其取值可以为自然数,单位为像素;也可以为百分数,表示占浏览器窗口宽度的百分比。 height属性:用来控制图片的高度。其取值为自然数,单位为像素。 注意:width和height属性最好只设置一个,每张图片都有一定的显示比例,如果强行改变,将破坏图片的比例关系。同时这两种属性不能改变图片的分辨率。

图片字体页面 三、图片标签 align属性:控制图片与文本的位置。取值为: align=top 表示文本和图片顶部对齐。 align=middle 表示文本和图片中部对齐 align=bottom 表示文本和图片底部对齐。 vspace属性:控制图片与周围文字、图片或窗口边缘的垂直位置。取值为自然数,单位为像素。 hspace属性:控制图片与周围文字、图片或窗口边缘的水平位置。取值为自然数,单位为像素。 border属性:控制图片边框的粗度。取值为像素,无边框时取值为0。

图片字体页面 图片字体页面 代码如下: <html> <head> <title>字体</title> </head> <body> <font color=”#ff0000” size=”1” face=”华文彩云”> <ol type="i" start="3"> <li>以小写的罗马数字3为开始顺序 </ol> <img src=e:\wz\picture\view.jpg width=100 hspace=50> </font> <font color=”#0000ff ” size=”7” face=”隶书”><ul type="circle"> <li>空心圆点无序序列 </ul></font> </body> </html>