企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
## HTML总结 [toc] ### 图像标签 img - src 指定图片路径(相对路径) - alt 图片没有成功加载时显示的文字 - title 鼠标悬浮时提示文字 - width - height ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <p>下面是一张图片</p> <img src="../tv02.jpg" title="长虹彩电" width="250" height="100" alt="我本来是一张彩电图片"> <img src="../image/tv05.jpg" title="长虹彩电" width="250" height="100" alt="我本来是一张彩电图片"> </body> </html> ``` #### 路径问题 如果html文件和引用的图片文件在同一个目录中 src=“xxx.jpg” 如果图片文件xxx.jpg在和html文件同级目录bbb中 src=“bbb/xxx.jpg” ..可以去到上一级目录 举例:如果图片文件xxx.jpg在aaa目录,html文件在bbb目录,aaa和bbb在同一个目录中 src="../aaa/xxx.jpg" ### a标签 超级链接属性,跳转到其他页面 - href 指定跳转地址 - target 在什么窗口打开 1. 默认 _self 在当前窗口打开新网页 2. _blank 新窗口打开 锚定功能... ### 列表 - 无序列表 ul li ``` <ul> <li> 我的电脑 <ul type="circle"> <li> 本地磁盘c <ul type="square"> <li>我的文档</li> <li>我的收藏</li> </ul> </li> <li> 本地磁盘d <ul type="square"> <li>我的游戏</li> <li>我的电影</li> </ul> </li> </ul> </li> </ul> ``` - 有序列表 ol li ``` <h1>HTML在线考试试题</h1> <ol> <li> HTML中,换行使用的标签是()。 <ol type="A"> <li>alt</li> <li>href</li> <li>src</li> <li>addr</li> </ol> </li> <li> HTML中,换行使用的标签是()。 <ol type="A"> <li>alt</li> <li>href</li> <li>src</li> <li>addr</li> </ol> </li> <li> HTML中,换行使用的标签是()。 <ol type="A"> <li>alt</li> <li>href</li> <li>src</li> <li>addr</li> </ol> </li> <li>HTML中,换行使用的标签是()。 <ol type="A"> <li>alt</li> <li>href</li> <li>src</li> <li>addr</li> </ol> </li> <li> HTML中,换行使用的标签是()。 <ol type="A"> <li>alt</li> <li>href</li> <li>src</li> <li>addr</li> </ol> </li> </ol> ``` - 定义列表 dl dt dd