HTML基本标记2

1 HTML基本标记 2 回顾 了解互联网编写简单的HTML文档在HTML文档中使用超链接使用标记了解网站的布局结构 3 目标 使用基本标记在HTML文档中插入图像 4 基本HTML元素 标题标记段落级标记块标记字符级标记列表水平标尺标记字体标记IMG标记 5 标题标记 HTML简介HTML简介HTML简介HTML简介HTML简介HTML简介HTML简介 可显示六种大小的标题 即到 为最大 为最小 6 段落级标记 标记 定义地址元素 它可以包含下列内容 到主页的链接 搜索字符串功能 版权信息 文档的作者 地址 签名等信息 欢迎学习HTML我的第一个HTML文档这将是一种很有趣的体验使用另一个标题另一个段落元素单击此处访问百度主页 7 段落级标记 标记 学习HTMLblockquote元素用于以文本块的形式设置内容格式 汉普蒂 邓普蒂坐在墙上汉普蒂 邓普蒂摔了一大跤国王所有的马和所有的人也无法再把汉普蒂 邓普蒂拼起来请注意 上述内容显示为一个文本块 可以使用BLOCKQUOTE元素显示文档中的引用文本 BLOCKQUOTE用于较长的引用且显示为缩进式段落 8 段落级标记 标记 学习HTML汉普蒂 邓普蒂坐在墙上汉普蒂 邓普蒂摔了一大跤国王所有的马和所有的人也无法再把汉普蒂 邓普蒂拼起来 如果希望文本以预定义的格式显示 可以使用PRE元素 此元素用于定义文本的格式 文本在浏览器中显示时遵循在HTML源文档中定义的格式 9 块标记 可以定义跨段落的内容块 定义段落内的内容块 学习HTML第1部分元素用于组织元素DIV通常用于块级元素第2部分这是第二部分您觉得有意思吗 第二部分向右对齐 公共格式应用于这一部分中的所有元素 10 字符级标记 11 字符级标记 示例 字符级标记示例字符级标记示例圆的面积 pi r2水的化学符号 H2O这是一种很有趣的体验 12 列表 无序列表有序列表定义列表 13 无序列表 学习HTML星期一星期二星期三星期四星期五 无序列表是一种 项目符号列表 其中的项目都带有项目符号前缀 该列表包含在无序列表标记 内 列表中的每个项目都使用列表标记进行标记 其中LI表示ListItem 列表项 关闭标记是可选的 Type属性默认为disc 对应的值为 disc square Circle 14 有序列表 学习HTML星期一星期二星期三星期四星期五 有序列表包含在 标记内 有序列表也显示列表项目 它与无序列表的区别在于有序列表项前面的编号是可设置的有序编号 15 自定义编号 大写罗马数字小写罗马数字大写字母小写字母从第n个值开始编号 学习HTML星期一简介HTML创建列表星期二创建表插入图像星期三星期四星期五 16 定义列表 学习HTML星期日一周的第一天HTML超文本标记语言互联网网络的网络 定义列表用于生成术语列表 术语和定义 定义列表包含在 标记内 标记用于指定要定义的术语 而标记用于对术语的定义 17 水平标尺 欢迎使用HTML我的第一个HTML文档这将会是一种很有趣的体验 水平标尺标记用于在页面上绘制一条水平线 可借助于下列属性控制水平线 它只有开始标记 没有结束标记 且不包含任何内容 18 使用FONT标记 欢迎使用HTML我的第一个HTML文档这将会是一种很有趣的体验 标记用于控制文本在网页上的显示 可以指定size 大小 color 颜色 style 样式 等属性 19 添加颜色 学习HTML欢迎使用HTML这是一种很有趣的体验 可以为页面和页面上的元素添加颜色 COLOR是多个元素 如FONT和BODY 都可以使用的属性 20 HTML文档中的图片 GIF GraphicsInterchangeFormat 图像 GIF 支持图形渐近透明GIF图像支持动画支持无损压缩JPEG JointPhotographicExpertsGroup 图像 JPG PNG PortableNetworkGraphics 21 插入图像 插入图像插入图像底部对齐图2 15 示例15的输出结果顶部对齐居中对齐 IMG标记用于将图像插入到HTML文档中 可以将IMG标记放置在要显示图像的位置 语法为 其中SRC是属性 而值是指定图像文件位置的URL IMG标记的ALIGN属性可以用于调整图像相对于周围文本的对齐方式 语法为 22 marquee direction表示滚动的方向 值可以是left right up down 默认为leftbehavior表示滚动的方式 值可以是scroll 连续滚动 slide 滑动一次 alternate 来回滚动 loop表示循环的次数 值是正整数 默认为无限循环scrollamount表示运动速度 值是正整数 默认为6scrolldelay表示停顿时间 值是正整数 默认为0 单位是毫秒align表示元素的垂直对齐方式 值可以是top middle bottom 默认为middlebgcolor表示运动区域的背景色 值是16进制的RGB颜色 默认为白色height width表示运动区域的高度和宽度 值是正整数 单位是像素 或百分数 默认width 100 height为标签内元素的高度hspace vspace表示元素到区域边界的水平距离和垂直距离 值是正整数 单位是像素 onmouseover this stop onmouseout this start 表示当鼠标以上区域的时候滚动停止 当鼠标移开的时候又继续滚动 注释MARQUEE元素的默认宽度与其父元素的宽度相等 如果MARQUEE位于没有指定宽度的TD内 你就需要明确设置MARQUEE的宽度 如果MARQUEE和TD的宽度都没有指定 那么滚动字幕就将限定于1个像素宽 要创建垂直滚动的字幕 请将其scrollLeft属性设定为0 要创建水平滚动的字幕 请将其scrollTop属性设定为0 这将覆盖任何脚本设置 scrollLeft和scrollTop属性当字幕滚动时为只读 当不处于滚动状态时 scrollLeft对于设置为水平滚动的字幕来说为可读写 scrollTop对于设置为垂直滚动的字幕来说为