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

《PHP网站设计入门》 第2章 HTML基础 HTML 元素 HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。 开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag）。 HTML 元素语法 HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容（empty content） 空元素在开始标签中进行关闭（以开始标签的结束而结束）这样的标签成为单标签 大多数 HTML 元素可拥有属性 HTML 属性 HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。 属性总是以名称/值对的形式出现，比如：name=value。 属性总是在 HTML 元素的开始标签中规定。 属性实例 a href=This is a link/a 文本排版 1. 直接写文本 2. 段落标记p 3. 标题标记h? 4. 预格式化标记pre 3.1.1 文本排版 5. 跑马灯标记marquee 能使其中的文本在浏览器屏幕上不断滚动。 behavior=“alternate”设置滚动方式为来回滚动，设置为scroll表示循环滚动，设置为slide表示滚动到目的地就停止。 direction属性用于控制滚动的方向，可以上下滚动或左右滚动。 loop设置滚动的次数，loop为0表示不断滚动。 scrollamount属性设置滚动的速度， scrolldelay属性设置两次滚动间的间隔时间。 文本的换行和空格 1. 文本换行标记 br/ 2. 强制不换行标记 nobr…/nobr 3. 文本中的空格 4. 水平线标记 hr/ 文本中的特殊字符 1. 转义字符 HTML的文本中，有些字符是不能直接使用的，如和直接使用会被误认为是标记。如果希望浏览器中显示这些字符，则需要使用转义符号。 文本中的特殊字符 2. 特殊符号 有些符号是无法用键盘输入的，也可以使用转义字符的方式表示。 转义字符串分成三部分：第一部分是一个符号，第二部分是实体名称或者是#加上实体编号，第三部分是一个分号。 文本中的特殊字符 3. 空格符 文字与文字之间的空格，如果超过一个空格，那么从第二个空格开始都会被忽略掉。 如果需要在某处使用多个空格，就需要在文本中用空格的实体名称(nbsp;)或实体编号(#160;)代替。 如果输入多个空格，可以使用(nbsp;)和空格交替使用。 文本中的特殊字符 4. 在DW设计视图中插入HTML文本元素的一些常用快捷键 (1). 按 Enter 键将插入 pnbsp;/p (2). 按Shift+Enter 键将插入br/。 (3). 按 Ctrl+Shift+Space 键将插入nbsp;。 文本修饰标记（字体标记） 字体、字号和文字颜色 font /font 标签规定文本的字体外观、字体尺寸和字体颜色。在最新的 HTML 版本（HTML 4 和 XHTML）中，字体标签已被废弃，改为使用 CSS 向元素添加样式。 font标记的主要属性 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) 文本修饰标记（字体标记） 加粗 bb/ strong / strong 斜体 i /i em /em 下划线 u /u 删除线 strike /strike 增加大小 big /big 减小大小 small /small 上标 sup /sup 下标 sub /sub 列表标记 为了合理地组织文本，网页中常常要用到列表。在HTML中可以使用的列表标记有无序列表、有序列表和定义列表三种。 无序列表 ul /ul li /li 有序列表 ol /ol li /li 自定义列表 dl /dl dt /dt dd /dd 网页中插入图像的两种方法 网页中插入图像的方法有两种：一是插入一个img标记；二是将图像作为背景嵌入到网页中。 由于CSS的背景属性功能很强大，现在推荐将所有的图像都作为背景嵌入。 通过img标记插入的图片，在浏览器中可以通过鼠标拖动来选中。而通过背景插入的图片无法用鼠标选