授课教师:姬广永 QQ: TEL: 学习交流网站:

Slides:



Advertisements
Similar presentations
江右弘道书院 弘 毅弘 毅. “ 启蒙运动 ” 何以重要?  “ 启蒙运动 ” 与中国转型 “ 中西古今 ” 四维中的启蒙.
Advertisements

Web 开发基础 第二章 表格与页面布局. 回顾 Internet 和 万维网 网页的工作原理 网页的基本结构 标记及其属性 段落标记,图片标记,超级链接标记 相对路径,绝对路径,物理路径.
HyperText Markup Language
第六章 网页设计与制作基础.
讲好后勤故事 提升后勤形象 淮阴师范学院宣传部副部长 张同刚.
HTML第一课 李 伟 HTML开发语言基础.
第5章 HTML 標籤介紹.
佛山科学技术学院 第7章 HTML Internet及多媒体应用.
网页制作 第一讲
HTML概念 HTML(Hyper Text Markup Language 超文本标识语言) 是一种用来制作超文本文档的简单标记语言。
1.3.1 细胞膜——系统的边界 ●高中生物课件(人教课标版) 万晓军生物工作室(安义中学)
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的圖片與超連結標籤
民事诉讼法学 杨嬿宁 TEL: QQ:
新企业所得税 税收优惠表填报操作实务 江苏宿迁 吴健.
第五单元课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 网站设计常用软件
CSS – 進階 IDIC.
A級無障礙網頁製作 主講人:劉威良 臺南大學資訊教育所
使用HTML製作個人網頁 柴惠敏 台灣大學 物理治療學系.
第二部分 HTML语言控制 本次课的主要内容: 1、认识网页文件的结构 2、HEAD、TITLE、BODY等基本标记符的使用
HTML 語法教學 授課:彭穎聰 老師.
第6章 网页图像处理 通过本章学习,应该掌握以下内容: 能够选择合适的网页颜色 了解网页图像的基本格式 掌握使用网页图像的要点
RWD網頁設計實務 李欣螢 以誠研發有限公司.
网页编程基础 曾宪文,Rex Zeng 纸飞机网络技术部部长 Leader of ACE.
網際網路的應用服務 – Web 概念與網頁語言
HTML.
网页设计(1) 第12讲 网页技术简介 马秀麟 2014年5月 2018/9/17 制作人:马秀麟.
ASP动态网页设计实用教程 主讲教师: 开课单位:.
网页制作 第五讲 Dreamweaver基础.
第3章 超文本标记语言(HTML) 3.1 基本结构标记 3.2 文本格式标记 3.3 超链接标记<A></A>
Ajax编程技术 第十章 使用外部数据.
HTML5全栈开发序列课程 《前端入门》之HTML入门 余鹏作品.
网页设计 上海建桥学院信息技术系 矫桂娥
标准规范 2.自己偏好习惯 3.讨论/建议 永远遵循同一套编码规范 -- 不管多少人同时参与编码,所有代码都应该看上去像是一个人编写的一样。
Ch01 HTML 5 資料格式 網頁程式設計.
計算機概論 請老師填入姓名主講 課本:數位傳真2012 博碩文化出版發行.
HTML網頁設計 Chapter 建置網站的流程 16-2 從事網頁設計相關的程式語言 16-3 認識HTML語法
在 Web 应用中,导航是非常重要的。ASP
HTML 钟晖云 QQ:
第2章 超文本标记语言HTML.
CSS排版:盒子模式 靜宜大學 資管系 楊子青.
8 网页制作基础知识 赵国庆 博士 北京师范大学教育技术学院
Java语言程序设计 第八部分 Applet小程序.
HTML – 文字格式 資訊教育.
十二年國民基本教育中等學校教師教學專業能力研習五堂課
HTML & CSS.
課程名稱:_____________ 指導教授:_____________
主讲:陶建平 华中科技大学网络与计算中心
网页设计与制作教程第5版 机械工业出版社同名教材 配套电子教案.
2.2 Web界面设计 信息工程系 向模军 Tel: QQ:
第2章 XHTML基础知识.
Ajax编程技术 第六章 调试与错误处理.
C# 基本語法、變數.
UI 软件 设计 页面布局(一).
计算机网络与网页制作 Chapter 07:Dreamweaver CS5入门
项目二:HTML语言基础.
CSS排版:盒子模式 靜宜大學 資管系 楊子青.
Unity回傳統計資訊程式說明: 填寫回傳資訊網址(theUrl)。
第6章 框架实现多窗口网页.
標示語言 超文本標示語言(HTML) 製作簡單網頁
第8章 网页特效——JavaScript 主讲人:刘泰然 经济管理学院.
第6章 层次原理图设计和多通道技术: 重点内容: 掌握自上而下的层次原理图设计方法 掌握自下而上的层次原理图设计方法
這七個故事很簡短,但她們說的都是一個主題——愛情!真心希望你們每個故事都看一下,不會用很長時間,但保證你能感到那種被震撼的感覺!
表单页面 表单是用户利用浏览器对Web站点网络数据库进行查询的一种界面,用户利用表单可以输入信息或选择选项等,然后将这些信息提交给服务器进行处理。通过表单,既可以将浏览器的信息发送到Internet服务器上,同时表单也可以使用户与站点的浏览者交互或从浏览者那里收集信息。它是网页的设计者和使用者相互交流的工具。表单对象包括文本域(单行、多行、密码)、列表、菜单、复选框、单选框、按钮等。
HTML5.
教师:李金双 网页制作 教师:李金双
Presentation transcript:

授课教师:姬广永 QQ:41588872 TEL:13589841020 学习交流网站:http://xin126.cn 第二章 超文本标记语言HTML (五) 授课教师:姬广永 QQ:41588872 TEL:13589841020 学习交流网站:http://xin126.cn

会移动的文字 基本语法 <marquee> ... </marquee> 例: HTML--marquee.htm

会移动的文字 文字移动属性 (1)方向 :direction=# #=left, right,up,down 例: <marquee direction=left>啦啦啦,我从右向左移!</marquee> <marquee direction=right>啦啦,我从左向右移!</marquee> <marquee direction=up>啦啦啦,我从下向上移!</marquee> <marquee direction=down>啦啦,我从上向下移!</marquee>

会移动的文字 2、文字移动属性 方式: behavior=# #=scroll(循环), slide(只走一次) alternate(来回走,文字在边界内撞来撞去) 循环: loop=# #=次数;若未指定则循环不止(infinite)

会移动的文字 2、文字移动属性 (4)速度: scrollamount=# (5)延时: scrolldelay=#

会移动的文字 3、其他属性 (1)底色: bgcolor=# (2)面积: height=# width=# #=RRGGBB 16 进制颜色代码 (2)面积: height=# width=# (3)空白:hspace=# vspace=#

Blink标记 <blink>标记能够使包含的内容闪烁。 只适用于Netscape Navitgator浏览器

XHTML XHTML: 是可扩展超文本标记语言eXtensible HTML的缩写,建立在HTML4.0基础之上。

打开Dreamweaver ,新建HTML文档 标准XHTML文档结构

XHTML文档类型声明 标准的XHTML 文档需要以DOCTYPE标记开始,文档类型明明通常有以下三种类型: (1) 过渡类型 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 使用过渡类型的XHTML文档,浏览器对XHTML的解析比较宽松,允许使用HTML4.01中的标记,但是要符合XHTML的语法。

XHTML文档类型声明 (2) 严格类型 浏览器对XHTML的解析比较严格,不允许使用表现样式的元素和属性,提倡内容与样式分开。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 浏览器对XHTML的解析比较严格,不允许使用表现样式的元素和属性,提倡内容与样式分开。 (3) 框架类型 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> 如果文档使用了框架结构,就需要使用框架类型。

XHTML遵循严格的语法规则 (1) 文档中的根元素之前必须有 DOCTYPE 声明 DOCTYPE声明必须引用 XHTML 的三个文档类型定义 (DTD) 文件(严格、过渡或框架页)之一。 (2) 文档的根元素必须为 html html 元素必须指定 XHTML 命名空间,将 namespace 属性添加到 html 元素,例如: <html xmlns="http://www.w3.org/1999/xhtml"> (3) 标准文档必须包含完整的结构元素 标准的文档必须包含 head 、title 和 body 结构元素。框架集文档必须包含 head 、title 和 frameset 结构元素。

(4) 标记必须成对使用 空元素必须有结束标记,或者开始标记必须以 /> 结束。例如,<br> 无效;正确的形式为 <br></br> 或 <br /> (而不是 <br/>) (5)标记中属性名必须小写 例如:<marquee width="300">,其中width必须小写,不能使用WIDTH或者Width。 (6) 属性值必须用引号括起来 虽然直接填写属性值一般不会出现显示错误,但是XHTML规定必须使用引号把属性值括起来。

(7) 属性不允许简写 在HTML表单设计中经常使用简写属性,例如设定该选项初始状态为被选中。 <input name="radiobutton" type="radio" value="radiobutton" checked /> 但是XHTML不允许属性简写,要求必须使用完整的属性语法。例如: <input name="radiobutton" type="radio" value="radiobutton" checked="checked" />

(8) 使用id作为名称属性 HTML中使用的name属性在XHTML中已不推荐使用,提出用id作为名称属性。 例如:<a name="intro">Introduction</a> 无效; 正确的形式为:<a id="intro">Introduction</a> 或 <a id="section1" name="intro"> Introduction</ a> (9) 具有枚举类型的属性值必须小写 枚举类型的值是来自指定的允许值列表中的值;例如,align 属性具有以下允许值:center、left 和 right。

(10)所有脚本和样式元素都必须具有 type 属性 设置 script 元素的 type 和 language 属性,style 元素的 type 属性。 <script src="pack.js" type="text/JavaScript"> <style type="text/css"> (11) 必须对img 和 area 元素应用alt 属性 所有 img 和 area 元素都必须具有 alt 属性。 <img src=“images/Water lilies.jpg" width="800" height="600" alt=""/>

END