昨天学习了那些标签大家还记得吗?H1-h6标题标签,font字体属性标签, 图像img标签,这些标签大家以后会经常用到的,大家一定要记牢。 那么我们今天接着学习新的标和者标签属性吧 PRE标签pre标签称之为预格式标签,是用来显示预先在html代码中已定义好格式的文本,当文本显示在浏览器中时,会遵循已在HTML源文档中定义的格式。 代码示例: <html> <head> <title> My Page </title> </head> <body> <pre> 今天是HTML的第五弹,相信大家也对一些基本标签有了一些了解,对于HTML基础来说就是熟悉一些标签的使用方法,暂时不会涉及到有关于逻辑处理的代码,后续等我们学习到CSS和javascript的时候可能就需要大家更加关注了。 这段内容是用pre标签包住的,没有使用BR标签,大家看看是不是也进行了换行。 </pre> </body> </html> <!--pre标签个人觉得一般用的很少,大家记得就可以--> 效果显示: a标签是在大家制作网页中用的非常多的一个标签,它的功能就是实现从一个网页 到另外一个网或者网址。 语法: <a href="要跳转到的地址" >内容</a> 注意a标签是由头尾标签的 代码示例: <html> <head> <title> My Page </title> </head> <body> <a href="http://www.baidu.com">百度</a><br> <a href="http://sina.com.cn">新浪</a> </body> </html> 效果显示: 如<a href="1.html"></a> a标签链接到本页面的任意位置 a标签不止可以跳转到其他页面,也可以跳转到本页面内某一个内容的位置 语法: <a href="#这里来">测试</a> <a name="这里来">来了</a> 代码示例: <html> <head> <title>My Page</title> </head> <body> <a href="#这里来">测试</a><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <a name="这里来">来了</a> </body> </html> 效果显示:
用户可以从网页中发送电子邮件,要做到这一点,可在链接标签中插入mailto:邮箱地址; 例如: <a href="mailto:937220832@qq.com">听雨邮箱</a> 代码示例: <html> <head> <title>My Page</title> </head> <body>
<a href="mailto:937220832@qq.com">听雨邮箱</a> </body> </html> 效果显示: 滚动标签<marquee></marquee> 代码示例: 代码示例: <html> <head> <title>My Page</title> </head> <body>
<marquee >这段文字将会在浏览器中进行滚动</marquee> </body> </html> 效果显示: 听雨稍后有时间会录制一段视频,因为听雨电脑的原因可能没有声音,主要教大家软件的使用和基本操作。
那么今天的内容就到这里吧!大家明天见,每天学习一点,每天进步一点。 听雨HTML基础QQ交流群:577919336,大家有兴趣的可以进群交流一下。 或者有问题去听雨的博客反应: 博客地址:http://blog.csdn.net/dx15618816293 附(因为听雨电脑的原因,可能有时很多尾标签的/没有敲上去,所以如果大家是直接复制我的源码过去的话可能无法显示,建议大家还是自己敲一敲。记住一般情况下标签都是有头标签和尾标签的。) |
|