HTML对象属性详解与示例
"该文件是关于HTML对象属性的综合指南,包含了HTML中各种元素和属性的示例,如`<marquee>`标签的各种滚动行为、方向、循环次数、宽度、高度、背景颜色、滚动速度和延迟,以及文本样式标签如`<h1>`到`<h6>`的标题级别,`<b>`和`<strong>`的加粗效果,`<i>`和`<em>`的斜体与强调,`<del>`和`<ins>`的删除线和下划线,还有字体颜色、大小和样式的控制。此外,还提到了一些布局元素,如水平线`<hr>`的大小和颜色,换行`<br>`,不分段`<nobr>`,段落`<p>`,居中对齐`<center>`,以及链接`<a>`的定义和目标打开方式。" HTML是一种标记语言,用于创建网页和构建网页结构。在HTML中,对象属性是用来定制元素行为和外观的关键元素。文件中的内容详细列出了多个常见的HTML属性和它们的效果。 1. `<marquee>`标签:这是一个非标准但广泛使用的标签,用于创建滚动文本或图像。`behavior`属性设置滚动方式(slide、scroll、alternate),`direction`决定滚动方向(down、up、right、left),`loop`设置循环次数,`width`和`height`设定尺寸,`bgcolor`指定背景色,`scrollamount`和`scrolldelay`控制滚动速度和延迟。 2. 文本样式标签:`<h1>`到`<h6>`用于设置不同级别的标题,`<b>`和`<strong>`加粗文本,其中`<strong>`通常用于强调,`<i>`和`<em>`创建斜体,`<em>`也有强调的语义,`<dfn>`表示定义项,`<u>`添加下划线,`<ins>`和`<del>`用于表示插入和删除文本,`<kbd>`表示键盘输入,`<tt>`呈现固定宽度字体,`<xmp>`、`<plaintext>`和`<listing>`用于代码展示。 3. 字体和颜色控制:`<font>`标签已不推荐使用,但这里展示了如何用它来改变颜色(`color`)和大小(`size`)。现代HTML5中,更推荐使用CSS来控制字体样式,如`<font style="font-size:100px">`。 4. 布局元素:`<hr>`创建水平线,通过`size`、`width`和`color`调整;`<br>`进行换行,`<nobr>`阻止文本换行;`<p>`定义段落,`<center>`使内容居中;`<a>`定义超链接,`href`属性设置链接地址,`target`决定链接在何处打开(如`_blank`新建窗口)。 这些属性和标签是HTML基础中的重要部分,理解和掌握它们能帮助开发者更好地创建交互式和视觉吸引人的网页。在实际开发中,应结合CSS来实现更复杂的样式和布局,并遵循最新的HTML标准。
<marquee>...</marquee>普通卷动
<marquee behavior=slide>...</marquee>滑动
<marquee behavior=scroll>...</marquee>预设卷动
<marquee behavior=alternate>...</marquee>来回卷动
<marquee direction=down>...</marquee>向下卷动
<marquee direction=up>...</marquee>向上卷动
<marquee direction=right></marquee>向右卷动
<marquee direction=left></marquee>向左卷动
<marquee loop=2>...</marquee>卷动次数
<marquee width=180>...</marquee>设定宽度
<marquee height=30>...</marquee>设定高度
<marquee bgcolor=FF0000>...</marquee>设定背景颜色
<marquee scrollamount=30>...</marquee>设定卷动距离
<marquee scrolldelay=300>...</marquee>设定卷动时间
<!>字体效果
<h1>...</h1>标题字(最大)
<h6>...</h6>标题字(最小)
<b>...</b>粗体字
<strong>...</strong>粗体字(强调)
<i>...</i>斜体字
<em>...</em>斜体字(强调)
<dfn>...</dfn>斜体字(表示定义)
<u>...</u>底线
<ins>...</ins>底线(表示插入文字)
<strike>...</strike>横线
<s>...</s>删除线
<del>...</del>删除线(表示删除)
<kbd>...</kbd>键盘文字
<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintext>...</plaintext>固定宽度字体(不执行标记符号)
<listing>...</listing> 固定宽度小字体
<font color=00ff00>...</font>字体颜色
<font size=1>...</font>最小字体
<font style =font-size:100 px>...</font>无限增大
<!>区断标记
<hr>水平线
<hr size=9>水平线(设定大小)
<hr width=80%>水平线(设定宽度)
<hr color=ff0000>水平线(设定颜色)
<br>(换行)
<nobr>...</nobr>水域(不换行)
<p>...</p>水域(段落)
<center>...</center>置中
<!>连结格式
<base href=地址>(预设好连结路径)
<a href=地址></a>外部连结
<a href=地址 target=_blank></a>外部连结(另开新窗口)
<a href=地址 target=_top></a>外部连结(全窗口连结)
<a href=地址 target=页框名></a>外部连结(在指定页框连结)
<!>贴图/音乐
<img src=图片地址>贴图
<img src=图片地址 width=180>设定图片宽度
<img src=图片地址 height=30>设定图片高度
<img src=图片地址 alt=提示文字>设定图片提示文字
<img src=图片地址 border=1>设定图片边框
<bgsound src=MID音乐文件地址>背景音乐设定
<!>表格语法
剩余6页未读,继续阅读
- 粉丝: 1
- 资源: 4
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- Ansys Comsol实现力磁耦合仿真及其在电磁无损检测中的应用
- 西门子数控系统调试与配置实战案例教程
- ELM多输出拟合预测模型:简易Matlab实现指南
- 一维光子晶体的Comsol能带拓扑分析研究
- Borland-5技术资料压缩包分享
- Borland 6 技术资料分享包
- UE5压缩包处理技巧与D文件介绍
- 机器学习笔记:深入探讨中心极限定理
- ProE使用技巧及文件管理方法分享
- 增量式百度图片爬虫程序修复版发布
- Emlog屏蔽用户IP黑名单插件:自定义跳转与评论限制
- 安装Prometheus 2.2.1所需镜像及配置指南
- WinRARChan主题包:个性化你的压缩软件
- Neo4j关系数据映射转换测试样例集
- 安装heapster-grafana-amd64-v5-0-4所需镜像介绍
- DVB-C语言深度解析TS流