昨天学习了那些标签大家还记得吗?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标签是在大家制作网页中用的非常多的一个标签,它的功能就是实现从一个网页 到另外一个网或者网址。
语法: <a href="要跳转到的地址" >内容</a>
注意a标签是由头尾标签的
代码示例:
<html>
<head>
<title>
My Page
</title>
</head>
<a href="http://www.baidu.com">百度</a><br>
<a href="http://sina.com.cn">新浪</a>
</body>
</html>
效果显示:
大家注意,如果跳转到其他网页的话最好在前面加上HTTP:// 不然基本无法条状。如果是要跳转到自己制作的网页的话,就是在href=写上HTML文档的文件名。
如<a href="1.html"></a>
a标签链接到本页面的任意位置
a标签不止可以跳转到其他页面,也可以跳转到本页面内某一个内容的位置
语法:
<a href="#这里来">测试</a>
<a name="这里来">来了</a>
代码示例:
<html>
<head>
<title>My Page</title>
</head>
<body>
<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>
效果显示:
首先设置一下需要跳转的地方的位置用#告诉啥浏览器这是一个媌记点 后面需要跳转的位置也需要用a标签包起来定义name属性,值必须要和上面定义的苗一致
电子邮件链接
用户可以从网页中发送电子邮件,要做到这一点,可在链接标签中插入mailto:邮箱地址;
例如:
<a href="mailt">听雨邮箱</a>
代码示例:
<html>
<head>
<title>My Page</title>
</head>
<body>
<a href="mai">听雨邮箱</a>
</body>
</html>
效果显示:
因为听雨电脑默认的邮箱已删除,所以无法做出最终效果展示;
滚动标签<marquee></marquee>
代码示例:
代码示例:
<html>
<head>
<title>My Page</title>
</head>
<body>
<marquee >这段文字将会在浏览器中进行滚动</marquee>
</body>
</html>
效果显示:
滚动标签可以设置scrolldelay="延迟时间,默认90ms",directinotallow="滚动方向,默认从右向左"
听雨稍后有时间会录制一段视频,因为听雨电脑的原因可能没有声音,主要教大家软件的使用和基本操作。
那么今天的内容就到这里吧!大家明天见,每天学习一点,每天进步一点。
|