• / 55
  • 下载费用:10 金币  

《PHP网站设计入门》-02-html.ppt

关 键 词:
《PHP网站设计入门》-02-html.ppt
资源描述:
《PHP网站设计入门》,第2章 HTML基础,信息学院 张忠杰 phpwebstart@163.com TermyZhang@163.com,http://phpwebstart.t.sohu.com/,HTML 元素,HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。 开始标签常被称为开放标签(opening tag),结束标签常称为闭合标签(closing tag)。,,,HTML 元素语法,HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容(empty content) 空元素在开始标签中进行关闭(以开始标签的结束而结束)这样的标签成为单标签 大多数 HTML 元素可拥有属性,,,HTML 属性,HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。 属性总是以名称/值对的形式出现,比如:name=“value“。 属性总是在 HTML 元素的开始标签中规定。 属性实例 This is a link,,,文本排版,1. 直接写文本 2. 段落标记 3. 标题标记 4. 预格式化标记,,,3.1.1 文本排版,5. 跑马灯标记 能使其中的文本在浏览器屏幕上不断滚动。 behavior=“alternate”设置滚动方式为来回滚动,设置为scroll表示循环滚动,设置为slide表示滚动到目的地就停止。 direction属性用于控制滚动的方向,可以上下滚动或左右滚动。 loop设置滚动的次数,loop为0表示不断滚动。 scrollamount属性设置滚动的速度, scrolldelay属性设置两次滚动间的间隔时间。,,,文本的换行和空格,1. 文本换行标记 2. 强制不换行标记 … 3. 文本中的空格 4. 水平线标记 ,,,文本中的特殊字符,1. 转义字符HTML的文本中,有些字符是不能直接使用的,如直接使用会被误认为是标记。如果希望浏览器中显示这些字符,则需要使用转义符号。,,,文本中的特殊字符,2. 特殊符号 有些符号是无法用键盘输入的,也可以使用转义字符的方式表示。 转义字符串分成三部分:第一部分是一个&符号,第二部分是实体名称或者是#加上实体编号,第三部分是一个分号。,,,,,文本中的特殊字符,3. 空格符 文字与文字之间的空格,如果超过一个空格,那么从第二个空格开始都会被忽略掉。 如果需要在某处使用多个空格,就需要在文本中用空格的实体名称()和空格交替使用。,,,文本中的特殊字符,4. 在DW设计视图中插入HTML文本元素的一些常用快捷键 (1). 按 Enter 键将插入 。,,,文本修饰标记(字体标记),字体、字号和文字颜色 标签规定文本的字体外观、字体尺寸和字体颜色。在最新的 HTML 版本(HTML 4 和 XHTML)中,字体标签已被废弃,改为使用 CSS 向元素添加样式。 标记的主要属性 face=“face-name“ 定义字体名称。 (face=“Times“) size=“number“ 定义字体大小。 (size=“2“) size=“+number“ 增加字体的大小。 (size=“+1“) size=“-number“ 减少字体的大小。 (size=“-1“) color=“color-value“ 定义字体颜色。 (color=“#eeff00“) color=“color-name“ 定义字体颜色。 (color=“red“),,,文本修饰标记(字体标记),加粗 斜体 下划线 删除线 增加大小 减小大小 上标 下标 ,,,列表标记,为了合理地组织文本,网页中常常要用到列表。在HTML中可以使用的列表标记有无序列表、有序列表和定义列表三种。 无序列表 有序列表 自定义列表 ,,,网页中插入图像的两种方法,网页中插入图像的方法有两种:一是插入一个标记;二是将图像作为背景嵌入到网页中。 由于CSS的背景属性功能很强大,现在推荐将所有的图像都作为背景嵌入。 通过标记插入的图片,在浏览器中可以通过鼠标拖动来选中。而通过背景插入的图片无法用鼠标选中。,,,网页中插入图像的两种方法,是一个行内元素,插入元素不会导致任何换行。 标记的常见属性:,,,网页中支持的图像格式,网页中可以插入的图像文件的类型有jpg格式,gif格式和png格式。这些文件都是压缩格式的图像格式。 BMP格式: Windows系统下的标准位图格式,未经过压缩,一般图像文件会比较大。在很多软件中被广泛应用. JPEG格式:也是应用最广泛的图片格式之一,它采用一种特殊的有损压缩算法,
展开阅读全文
  微传网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
0条评论

还可以输入200字符

暂无评论,赶快抢占沙发吧。

关于本文
本文标题:《PHP网站设计入门》-02-html.ppt
链接地址:https://www.weizhuannet.com/p-10025974.html
微传网是一个办公文档、学习资料下载的在线文档分享平台!

微传网博客

网站资源均来自网络,如有侵权,请联系客服删除!

 网站客服QQ:80879498  会员QQ群:727456886

copyright@ 2018-2028 微传网络工作室版权所有

     经营许可证编号:冀ICP备18006529号-1 ,公安局备案号:13028102000124

收起
展开