HTML大探索.

Slides:



Advertisements
Similar presentations
HyperText Markup Language
Advertisements

第六章 网页设计与制作基础.
网页设计与制作 教师姓名: 职务:.
ASP.NET 網頁製作教本 -- 從基本語法學起
第3章 文字与段落 清华大学出版社.
第八章:网络应用制作技术 本章介绍网络各种应用中所涉及的基本概念和制作技术,包括HTML、网页的制作、Java、Java Script语言的初步基础,VRML语言的基本功能,以及网络环境下分布式数据库系统和客户服务体系的构造方法及技术。
Web与信息检索 LJ JUFE-SIT.
HTML第一课 李 伟 HTML开发语言基础.
專題製作 許惠淑.
第5章 HTML 標籤介紹.
佛山科学技术学院 第7章 HTML Internet及多媒体应用.
第8讲 HTML与PHP基础 静态网页 vs. 动态网页.
网页制作 第一讲
动态网页制作 第1章 HTML语言1.
HTML概念 HTML(Hyper Text Markup Language 超文本标识语言) 是一种用来制作超文本文档的简单标记语言。
Web图片搜索引擎设计 ——基于文本的图片信息提取.
DREAMWEVAER MX 2004入门 楼斌 BBS ID:lou 生命科学学院
网页 设计与制作.
2 HTML5與CSS3 2-1 HTML5的頁面結構 2-2 HTML5的文字編排標籤 2-3 HTML5的圖片與超連結標籤
学习情境三:配置WEB服务器 服务器配置与管理.
第五单元课1-3 层叠样式表.
模块1 网页设计基础 实训1 体验HTML文档 1.1 网页基础知识 1.2 网站配色方案 1.3 网站设计常用软件
第一讲 JavaScript编程基础 信息学院 周宝刚.
使用HTML製作個人網頁 柴惠敏 台灣大學 物理治療學系.
第二部分 HTML语言控制 本次课的主要内容: 1、认识网页文件的结构 2、HEAD、TITLE、BODY等基本标记符的使用
HTML 語法教學 授課:彭穎聰 老師.
全球資訊網(WWW)簡介.
SSD1: Introduction to Information Systems
网页编程基础 曾宪文,Rex Zeng 纸飞机网络技术部部长 Leader of ACE.
HTML簡介、文字的變化、超連結的使用 主講:朱漢琳.
CT212 (02/03)-Network Programming and design
第二章 網際網路網頁的設計.
HTML.
第8章 样式表.
第五章 网页设计 网页制作的语言和工具 网页制作步骤和原则 使用Dreamweaver工具制作网页 使用FrontPage工具制作网页
ASP动态网页设计实用教程 主讲教师: 开课单位:.
第3章 超文本标记语言(HTML) 3.1 基本结构标记 3.2 文本格式标记 3.3 超链接标记<A></A>
建國技術學院資訊管理學系 饒瑞佶 2004/7/5 彰化縣政府補助辦理網頁設計資料庫應用班 建國技術學院資訊管理學系 饒瑞佶 2004/7/5.
HTML5全栈开发序列课程 《前端入门》之HTML入门 余鹏作品.
Ch1.認識全球資訊網 1.1 「網際網路」與「全球資訊網」 1.2 全球資訊網的基礎 – 網頁與超連結
湖北职院计科系.
网 页 制 作 DREAMWEAVERMX 2004.
标准规范 2.自己偏好习惯 3.讨论/建议 永远遵循同一套编码规范 -- 不管多少人同时参与编码,所有代码都应该看上去像是一个人编写的一样。
Ch01 HTML 5 資料格式 網頁程式設計.
第 2 章 必備的 HTML 與 CSS 重點.
計算機概論 請老師填入姓名主講 課本:數位傳真2012 博碩文化出版發行.
网站设计 前端 入门学习.
HTML網頁設計 Chapter 建置網站的流程 16-2 從事網頁設計相關的程式語言 16-3 認識HTML語法
網路概念 APACHE PHP MYSQL HTML BY 董仔 08/01/14.
HTML 钟晖云 QQ:
Ch.13 HTML網頁實作.
Lecture 2 Lecture An Introduction To The HTML Language
8 网页制作基础知识 赵国庆 博士 北京师范大学教育技术学院
XSL: Extensible Stylesheet Language
HTML – 文字格式 資訊教育.
十二年國民基本教育中等學校教師教學專業能力研習五堂課
課程名稱:_____________ 指導教授:_____________
主讲:陶建平 华中科技大学网络与计算中心
第一章 网页设计基础知识.
The Department of Education Technology
Web应用开发.
聖文德書院 ST BONAVENTURE COLLEGE & HIGH SCHOOL
2.2 Web界面设计 信息工程系 向模军 Tel: QQ:
程式語言與邏輯 高慧君 台北市立南港高中 2006年12月22日.
武汉纺织大学传媒学院 cm.wtu.edu.cn
第十五章 WWW網頁的製作 計算機概論編輯小組.
進階網頁設計 電算中心 – 何建義.
增進單元>第1章 中文字處理的基本概念 [T_CS11CH01_1.ppt] 5.1應用於生活層面的電腦通訊 5.2電腦通訊的網上應用
第1章 HTML基础 主讲人:刘泰然 经济管理学院.
教师:李金双 网页制作 教师:李金双
Presentation transcript:

HTML大探索

HTML是什麼? -英文全名:HyperText Markup Language -中譯:超文件標籤語法 -功用: HTML是一種標籤 (Tags) 式組合語法,藉瀏覽器 (Browser) 讀取文件 (Document) 中合法標籤、元素 (Element) 及物件 (Object) 等以呈現 出文字、圖形、動畫、聲音及影像等媒體資訊的效果。 <FONT COLOR = “RED” > 我的第一個網頁 </FONT> 文字顯示為紅色

HTML的由來 -1989年Tim Berners-Lee發展出HTML語法 -1993年,國際標準組織W3C(World Wide Web Consortium)推出HTML 1.0版 -目前發展至HTML 4.01版。有興趣者可至http://www.w3.org/Markup/。

<HTML></HTML>:文件的開始與結束 網頁所有的變化就是由這個架構無限展開 !! <HTML> <HEAD> <TITLE>我的個人網站</TITLE> </HEAD> <BODY> 我的第一個網頁! </BODY> </HTML> <HTML></HTML>:文件的開始與結束 <HEAD></HEAD>:標示文件資訊 <TITLE></TITLE> :文件標題 <BODY></BODY>:標示本文

HTML標籤類型 <BODY> 起始標籤 前後包夾型:成雙成對出現 </BODY> 結束標籤,具有 “/ ” 符號。 單槍匹馬型:單個標籤即可作用 <BR> 斷行

HTML標籤結構 <font color = "red"> 標籤名稱︰字型 屬性︰顏色 屬性值︰紅色 文字顯示為紅色

常用HTML語法 <BR>-換行 <BODY> 我的第一個網頁!<BR> 我也會用HTML製作網頁!

常用HTML語法 <CENTER>…</CENTER> -置中 <BODY> 我的第一個網頁! <BR> 我也會用HTML製作網頁! </CENTER> </BODY>

常用HTML語法 <FONT COLOR=字體顏色 SIZE=字體大小 FACE=字型名稱>…</FONT> -字體的顏色、大小(1~7數字,表示由小~大)、字型 <BODY> <FONT COLOR= “RED” SIZE= “5” FACE= “標楷體”> 我的第一個網頁! </FONT> </BODY>

常用HTML語法 <HR SIZE=寬度 WIDTH=長度> -插入水平分隔線 ;線段粗細(Pixel)及長短(Pixel/%) <BODY> 我的第一個網頁! <HR SIZE=“5” WIDTH=“300”> 我也會用HTML製作網頁! </BODY>

常用HTML語法 <IMG SRC=圖檔路徑 WIDTH=寬度> -插入圖檔;圖片的顯示大小(Pixel) <BODY> 我的第一個網頁 <IMG SRC=“images01.png” WIDTH=“100”> </BODY>

常用HTML語法 <A HREF=要連結的URL>…</A> <BODY> <A HREF=“http:// tw.yahoo.com/”>YaHoo奇摩站 </A> </BODY> 按下連結點後,在原視窗連結到指定網址。

常用HTML語法速查表 (可列印) html_refer.mht 簡報結束