| 昨天学习了那些标签大家还记得吗？H1-h6标题标签，font字体属性标签， 图像img标签，这些标签大家以后会经常用到的，大家一定要记牢。 那么我们今天接着学习新的标和者标签属性吧 img中的title属性title之前是不是有用过，是用于设置网页标题的。那么用在img标签中会有什么样的效果呢？大家可以看以下代码和效果示例 代码示例: <html> <head> <title> My Page </title> </head> <body> <img src="image/imgages.jpg" title="这是听雨公众号二维码，欢迎扫描关注"/> </body> </html> <!--如果图片不和HTML文件存在同一级目录下我们可以通过文件夹名/图片名来引用--> 效果显示： 语法：<img src="图像地址" at="提示文字"/> 大家可以尝试一下。 img的align属性 img的align属性可以用来调整图像相对于周围文本的对其方式，align属性可以设置如下属性值：top，botton，middle，left，right。 语法： <img src="图像地址" align="对齐位置"/> 代码示例: <html> <head> <title> My Page </title> </head> <body> <img src="../image/images.jpg" title="这是听雨公众号二维码，欢迎扫描关注" align="top"/>文字显示文字<br> <img src="../image/images.jpg" title="这是听雨公众号二维码，欢迎扫描关注" align="BOTTON"/>下方显示文字 </body> </html> 效果显示： <hr>标签用于在页面上绘制水平线，此标签只有开始标签没有结束标签，也没有斜杠。 hr标签的基本语法： <hr> 代码示例: <html> <head> <title>My Page</title> </head> <body> 这里是hr标签；<hr> 这些都是普通文本 </body> </html> 效果显示： 代码示例： <hr size="4" color="green" width="200"> 大家可以修改属性值试试都会有什么改变， size=“大小” color="颜色" width="宽度" 列表标签分为有序列表和无序列表 无序列表示例： 无序标签<UL>的基本语法： <ul type="列表序号类型"> <Li>听</Li> <Li>雨</Li> <Li>微</Li> <Li>信</Li> </ul> 代码示例: <html> <head> <title>My Page</title> </head> <body>
<ul type="circle"> <Li>听</Li> <Li>雨</Li> <Li>微</Li> <Li>信</Li> </ul> </body> </html> 效果显示： 大家可以修改属性值试试都会有什么改变， 有序标签<ol> 有序标签可以自动生成需要显示的顺序值显示。 代码示例： 代码示例: <html> <head> <title>My Page</title> </head> <body>
<ol type="1"> <Li>听</Li> <Li>雨</Li> <Li>微</Li> <Li>信</Li> </ol> </body> </html> 效果显示：
那么今天的内容就到这里吧！大家明天见，每天学习一点，每天进步一点。 听雨HTML基础QQ交流群：577919336，大家有兴趣的可以进群交流一下。
或者有问题去听雨的博客反应： 博客地址：http://blog.csdn.net/dx15618816293 附（因为听雨电脑的原因，可能有时很多尾标签的/没有敲上去，所以如果大家是直接复制我的源码过去的话可能无法显示，建议大家还是自己敲一敲。记住一般情况下标签都是有头标签和尾标签的。） |
| |
扫一扫
1132
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
