HTML – 文字格式 資訊教育.

Slides:



Advertisements
Similar presentations
醫學美學之我見ー肉毒桿菌 班級:應日三乙 姓名:蔡雅卉 學號: 497E0076. 前言 現在的人,已經把 整型看做是微不足 道的事情了。即使 只是戴牙套、局部 雷射、割雙眼皮、 打美白針、肉毒桿 菌等等,都可以在 身體上做不同的改 變,而讓自己更滿 意自己的外表。
Advertisements

Web 开发基础 第二章 表格与页面布局. 回顾 Internet 和 万维网 网页的工作原理 网页的基本结构 标记及其属性 段落标记,图片标记,超级链接标记 相对路径,绝对路径,物理路径.
HyperText Markup Language
第六章 网页设计与制作基础.
ASP.NET 網頁製作教本 -- 從基本語法學起
第3章 文字与段落 清华大学出版社.
讲故事训练 授课人:田轶.
第十一課 菜園 6-11.
HTML第一课 李 伟 HTML开发语言基础.
專題製作 許惠淑.
第5章 HTML 標籤介紹.
校本选修课 第三专题 西藏问题 北京师大二附中 李文燕.
佛山科学技术学院 第7章 HTML Internet及多媒体应用.
动态网页制作 第1章 HTML语言1.
HTML概念 HTML(Hyper Text Markup Language 超文本标识语言) 是一种用来制作超文本文档的简单标记语言。
杜甫诗三首 《望岳》 《春望》 《石壕吏》 授课人:姚晓霞.
DREAMWEVAER MX 2004入门 楼斌 BBS ID:lou 生命科学学院
第8章 CSS基础知识 【学习目标】 对于一个网页设计者来说,对HTML语言一定不感到陌生,因为它是网页制作的基础,但是如果希望网页能够美观、大方,并且升级维护方便,那么仅仅知道HTML还是不够的,还需要了解CSS。了解CSS基础知识,可以为后面的学习打下基础。 本章主要内容包括: 为什么在网页中加入CSS。
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 网站设计常用软件
使用HTML製作個人網頁 柴惠敏 台灣大學 物理治療學系.
第二部分 HTML语言控制 本次课的主要内容: 1、认识网页文件的结构 2、HEAD、TITLE、BODY等基本标记符的使用
HTML 語法教學 授課:彭穎聰 老師.
蘇軾詞的賞析
柯奕宏(06) 王予亨(13) 郭秉逸(15) 楊雯凈(23) 顏佑瑩(32)
网页编程基础 曾宪文,Rex Zeng 纸飞机网络技术部部长 Leader of ACE.
杜甫诗三首 《望岳》 《春望》 《石壕吏》.
HTML簡介、文字的變化、超連結的使用 主講:朱漢琳.
CT212 (02/03)-Network Programming and design
網際網路的應用服務 – Web 概念與網頁語言
第二章 網際網路網頁的設計.
HTML.
第四章 样式表CSS CSS技术是一种格式化网页的标准方式,它通过设置CSS属性债周页元素获得各种不同效果。本章共分9个实例,主要内容包括的基础知识、CSS创建与导入、CSS的语法结构、常用CSS的分类、CSS的使用原则等内容。
第8章 样式表.
ASP动态网页设计实用教程 主讲教师: 开课单位:.
CSS简介 WEB前端三剑客之二.
建國技術學院資訊管理學系 饒瑞佶 2004/7/5 彰化縣政府補助辦理網頁設計資料庫應用班 建國技術學院資訊管理學系 饒瑞佶 2004/7/5.
教師: 陳明瑤 電郵: 網際網路應用-網頁設計3 教師: 陳明瑤 電郵:
Ch01 HTML 5 資料格式 網頁程式設計.
网站设计 前端 入门学习.
HTML網頁設計 Chapter 建置網站的流程 16-2 從事網頁設計相關的程式語言 16-3 認識HTML語法
第 13 章 用CSS 設定 文字顏色與背景.
HTML 钟晖云 QQ:
Ch.13 HTML網頁實作.
第2章 超文本标记语言HTML.
8 网页制作基础知识 赵国庆 博士 北京师范大学教育技术学院
CHAPTER 18 CSS樣式表的動態效果.
HTML & CSS.
主讲:陶建平 华中科技大学网络与计算中心
第八 课 n l 教学.
W3C标准网页制作 主讲教师:张 涛.
W3C标准网页制作 主讲教师:张 涛.
The Department of Education Technology
Web应用开发.
网页设计与制作 Dreamweaver CS6 标准教程
武汉纺织大学传媒学院 cm.wtu.edu.cn
網頁設計 清單設計 Instructor: Reporter:楊政勳 Date:
6-1 認識超連結 超連結是網頁中少不了的元件,透過他才能將不同的網頁、網站相連,讓使用者可以在不同網站中瀏覽。而圖片、動畫等檔案,也是透過超連結的方式來呈現網頁中,所以底下讓我們來好好的認識超連結。
進階網頁設計 電算中心 – 何建義.
HTML大探索.
武汉纺织大学传媒学院 cm.wtu.edu.cn
第15节 CSS超链接样式 武汉纺织大学传媒学院 cm.wtu.edu.cn 2019/5/10 传媒学院.
第7章 使用CSS设置链接与导航菜单 经济管理学院.
CSS基礎 靜宜大學 資管系 楊子青.
第2章 块级标签 经济管理学院.
第4章 JSP动态网页设计基础 教学目标 教学重点 教学过程 2019年10月21日.
Presentation transcript:

HTML – 文字格式 資訊教育

顏色(一) 在HTML中指定顏色的方法可利用R(紅)、G(綠)、B(藍)三原色來調配,其表示方法如下: #RRGGBB 分別代表紅、綠、藍3色的16進位值(如圖)

顏色(一) 除了使用#RRGGBB表示法之外,部分顏色可用顏色名稱來表示(如圖)

路徑 絕對路徑 相對路徑 【./】代表目前所在的目錄 【../】代表上一層目錄 一個完整的路徑表示方式,可以明確地指定檔案的位置,讓電腦依循此固定路徑尋找此檔案。 EX:c:/www/img/back.jpg 相對路徑 以相對於目錄的方式來指定檔案位置,電腦會在網頁所在的目錄中尋找此檔案。 EX:img/back.jpg 【./】代表目前所在的目錄 【../】代表上一層目錄

兩種路徑的差別 使用絕對路徑來指定檔案位置 使用相對路徑 在本機 (自己的電腦)可以正常瀏覽網頁,但若把檔案上傳到網頁伺服器中,整個網頁的目錄架構會跟著改變(因為網頁不一定是放在c:目錄之下) ,此時電腦若到絕對路徑下尋找檔案,則會發生無法正常開啟檔案的狀況。 使用相對路徑 即使檔案存放的目錄改變了,電腦仍可利用相對的方式找到該檔案。

網頁設定 <body></body>的屬性 text:文字顏色 link:超連結的顏色 alink:作用中的超連結顏色 vlink:查閱過的超連結顏色 background:背景圖片 bgcolor:背景顏色 bgproperties="fixed" or "scroll"

段落(一) 段落 瀏覽器不接受您在文件中自行加入換行、空一行等格式,而一律依照HTML標籤的控制。

段落(二) <br />:換行 <p></p>:分段 <pre></pre>:使用原始排列

段落的屬性 align:對齊方式 分別為:center、left、right 以<p></p>為例

標題文字 <h*></h*> *:1~6(大~小) 屬性:align(對齊方式) 會自動自成一個段落

樣式 <b>文字</b>:粗體字 <i>文字</i>:斜體字 <u>文字</u>:底線 <sup>文字</sup>:上標字 <sub>文字</sub> :下標字

字型與顏色 <font></font> 文字大小、顏色、字型等等,亦可使用css的方式來設定。 size:文字大小,1~7(預設為3) face:字型 color:顏色 文字大小、顏色、字型等等,亦可使用css的方式來設定。

項目格式 數字式 <ol type="A" start="3"> <li>文字</li> <li>文字</li> </ol> type:a、A、i、I 符號式 <ul type="circle"> <li>文字</li> <li>文字</li> </ul> type: disc、 circle、square

分隔線 <hr /> align:對齊方式 size:高度(數字) width:寬度(數字) color:顏色(#RRGGBB) noshade:無陰影

練習4 請將今天的語法,製作成一個網頁 檔名:學號_ex4.htm 請在自己的首頁,列出練習4的超連結 範例 上傳至學校提供的個人空間 網頁設定:背景顏色(圖片)、編碼... 文字格式:字體大小、字型、顏色... 檔名:學號_ex4.htm 請在自己的首頁,列出練習4的超連結 連結範例 範例 上傳至學校提供的個人空間 ftp://web.thu.edu.tw 帳號密碼與學生系統相同