HTML 钟晖云 QQ:4797789 Email:4797789@qq.com.

Slides:



Advertisements
Similar presentations
94年度無障礙網路空間 服務推廣教育訓練 講師:陳育亮 世新大學資管系副教授兼電算中心主任.
Advertisements

HyperText Markup Language
ASP.NET 網頁製作教本 -- 從基本語法學起
讲好后勤故事 提升后勤形象 淮阴师范学院宣传部副部长 张同刚.
第八章:网络应用制作技术 本章介绍网络各种应用中所涉及的基本概念和制作技术,包括HTML、网页的制作、Java、Java Script语言的初步基础,VRML语言的基本功能,以及网络环境下分布式数据库系统和客户服务体系的构造方法及技术。
HTML第一课 李 伟 HTML开发语言基础.
專題製作 許惠淑.
第5章 HTML 標籤介紹.
佛山科学技术学院 第7章 HTML Internet及多媒体应用.
第8讲 HTML与PHP基础 静态网页 vs. 动态网页.
网页制作 第一讲
HTML概念 HTML(Hyper Text Markup Language 超文本标识语言) 是一种用来制作超文本文档的简单标记语言。
第7章 表 格 清华大学出版社.
Web图片搜索引擎设计 ——基于文本的图片信息提取.
网页 设计与制作.
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 网站设计常用软件
A級無障礙網頁製作 主講人:劉威良 臺南大學資訊教育所
使用HTML製作個人網頁 柴惠敏 台灣大學 物理治療學系.
HTML 語法教學 授課:彭穎聰 老師.
网页编程基础 曾宪文,Rex Zeng 纸飞机网络技术部部长 Leader of ACE.
HTML簡介、文字的變化、超連結的使用 主講:朱漢琳.
CT212 (02/03)-Network Programming and design
網際網路的應用服務 – Web 概念與網頁語言
第二章 網際網路網頁的設計.
HTML.
第8章 样式表.
ASP动态网页设计实用教程 主讲教师: 开课单位:.
  本章共分21个实例,主要内容包括HTML 创建与测试、html的文档结构、常用标记的使 用、表格和层的使用技灵活掌握等内容。
网页制作 第五讲 Dreamweaver基础.
第3章 超文本标记语言(HTML) 3.1 基本结构标记 3.2 文本格式标记 3.3 超链接标记<A></A>
CSS简介 WEB前端三剑客之二.
建國技術學院資訊管理學系 饒瑞佶 2004/7/5 彰化縣政府補助辦理網頁設計資料庫應用班 建國技術學院資訊管理學系 饒瑞佶 2004/7/5.
Google 自訂搜尋 淡江大學資訊中心 專案發展組 朱家璁 2009/10/6.
网 页 制 作 DREAMWEAVERMX 2004.
教師: 陳明瑤 電郵: 網際網路應用-網頁設計3 教師: 陳明瑤 電郵:
Ch01 HTML 5 資料格式 網頁程式設計.
第 3 章 網頁的基本設定與預覽.
HTML網頁設計 Chapter 建置網站的流程 16-2 從事網頁設計相關的程式語言 16-3 認識HTML語法
Wrapper Generation and HTML Reduction
Ch.13 HTML網頁實作.
第2章 超文本标记语言HTML.
Ch03 HTML5 + CSS 表格與多媒體 網頁程式設計.
Web前端开发技术与实践 第3章:初识HTML5 阮晓龙 /
HTML5简介 WEB前端三剑客之一.
W3C标准网页制作 主讲教师:张 涛.
HTML – 文字格式 資訊教育.
十二年國民基本教育中等學校教師教學專業能力研習五堂課
HTML & CSS.
主讲:陶建平 华中科技大学网络与计算中心
W3C标准网页制作 主讲教师:张 涛.
网站设计 前端 选择器(复习),表单.
网页设计与制作教程第5版 机械工业出版社同名教材 配套电子教案.
网页设计与制作 Dreamweaver CS6 标准教程
Open方法和close方法 主讲人:傅伟玉.
第一個cordova project Cordova project建立與平台設定,均藉由cli(command line interface來完成 建立project請打開命令提示字元視窗應輸入下列命令 cordova create hello tw.edu.stust.mis.hello HelloWorld.
文字與圖片.
Ch09 在網頁之間傳遞資訊 網頁程式設計.
个人网站作业3 传媒学院.
網路程式設計-期末專案 資工二B B96570101 戴偉恒 地 方 美 食.
網頁設計 清單設計 Instructor: Reporter:楊政勳 Date:
HTML大探索.
第6章 框架实现多窗口网页.
表格 (Table).
第2章 块级标签 经济管理学院.
第4章 JSP动态网页设计基础 教学目标 教学重点 教学过程 2019年10月21日.
HTML5.
教师:李金双 网页制作 教师:李金双
Presentation transcript:

HTML 钟晖云 QQ:4797789 Email:4797789@qq.com

如何学习HTML 学习资料 PPT:http://www.ybao.org/book/html 电子教程1:http://www.ybao.org/book/html 电子教程2:扫描微信二维码,关注“源宝网络”, 选择菜单 IT教程-Web前端-HTML 源码:电子教程内 编程工具:code.ybao.org 在线源码运行:电子教程内 视频教程:ybao.ke.qq.com 学习QQ群:303257430

如何学习HTML 三步学习法 参考地址:http://www.ybao.org/book/it-learn 基础理论(少而精)电子教程 上机实训(多动手)源码:电子教程内 项目驱动(做项目)项目实施步骤及源码:电子教程内

HTML简介 HTML是什么 HTML发展 万维网联盟W3C HTML4.01 HTML5 HTML编辑器

HTML基础 HTML文件基本结构 标签、元素、属性和属性值 元素的分类 标准属性 元素的属性值分类 特殊字符 HTML注释

HTML元素 基础构造 html:根 head:文档头部 title:文档标题 meta:元信息 address:作者联系信息 body:文档主题 div:通用块级元素 span:通用行内元素 h1到h6:标题

HTML元素 文字 p: 段落 br: 强制换行 em: 强调内容 strong: 加重强调内容 pre: 预格式化文本 code: 计算机代码输出 sup: 上标 sub: 下标 blockquote: 长引用 q: 短引用 cite: 引证、引用 ins: 插入编辑文字 del: 删除编辑文字

HTML元素 样式与配置 b: 粗体字 i: 斜体字 big: 大字体 small: 小字体 strike: 删除线文字 u: 下划线文字 font: 字体设置 center: 居中对齐 hr: 插入水平线

HTML元素 链接 a: 锚元素 link: 文件资源关联 base: 文件链接基准

HTML元素 列表 ul: 无序列表 ol: 有序列表 li: 列表项目 dl: 定义列表 dt: 定义列表的项目 dd: 定义列表的说明 dir: 目录列表 menu: 菜单列表

HTML元素 图像 img: 插入图片 object: 嵌入对象 param: 对象的参数 applet: 嵌入Java小程序 area: 图像映射的区域

HTML元素 表格 table: 建立表格 tr: 表格行 th: 表格标题单元格 td: 表格单元格 caption: 表格的标题 thead: 表格表头 tbody: 表格主体 tfoot: 表格页底 col: 表格列属性设置 colgroup: 表格列编组

HTML元素 表单 form: 建立表单 input: 表单输入域 button: 按钮 select: 选择列表 option: 选择列表的项目 optgroup: 选项的分组 textarea: 多行文本框 label: 表单区域标签 fieldset: 表单区域分组 legend: 表单区域组标题

HTML元素 框架 frameset: 定义框架 frame: 框架内容 noframes: 不支持框架时的替换内容 iframe: 内嵌式框架

HTML元素 其它 style: 样式信息 script: 脚本语言 noscript: 不支持脚本时的替换内容 bdo: 改变文字显示方向 marquee: 跑马灯 blink: 闪烁文字 bgsound: 背景音乐 embed: 内嵌对象 noembed: 不支持embed时

项目实战 设计简单网站 用户信息注册 保存整站