昨天学习了那些标签大家还记得吗?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标签个人觉得一般用的很少,大家记得就可以-->

效果显示:

html5 details标签 html5pre标签_标签


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>

效果显示:


html5 details标签 html5pre标签_标签_02


大家注意,如果跳转到其他网页的话最好在前面加上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>


效果显示:


html5 details标签 html5pre标签_a标签_03


首先设置一下需要跳转的地方的位置用#告诉啥浏览器这是一个媌记点 后面需要跳转的位置也需要用a标签包起来定义name属性,值必须要和上面定义的苗一致


电子邮件链接

用户可以从网页中发送电子邮件,要做到这一点,可在链接标签中插入mailto:邮箱地址;


例如:
 <a href="mailt">听雨邮箱</a>

代码示例:
<html>
<head>
<title>My Page</title>
</head>
<body>

<a href="mai">听雨邮箱</a>
</body>
</html>


效果显示:


html5 details标签 html5pre标签_html5 details标签_04


因为听雨电脑默认的邮箱已删除,所以无法做出最终效果展示;


滚动标签<marquee></marquee>


代码示例:
代码示例:
<html>
<head>
<title>My Page</title>
</head>
<body>

 <marquee >这段文字将会在浏览器中进行滚动</marquee>
</body>
</html>

效果显示:


html5 details标签 html5pre标签_a标签_05


滚动标签可以设置scrolldelay="延迟时间,默认90ms",directinotallow="滚动方向,默认从右向左"


听雨稍后有时间会录制一段视频,因为听雨电脑的原因可能没有声音,主要教大家软件的使用和基本操作。



那么今天的内容就到这里吧!大家明天见,每天学习一点,每天进步一点。