HTML网页制作基础第五弹



昨天学习了那些标签大家还记得吗?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>

  <body> 

    <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>

<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>


效果显示:


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


电子邮件链接

用户可以从网页中发送电子邮件,要做到这一点,可在链接标签中插入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>

效果显示:


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


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


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

听雨HTML基础QQ交流群:577919336,大家有兴趣的可以进群交流一下。

或者有问题去听雨的博客反应:

博客地址:http://blog.csdn.net/dx15618816293  

附(因为听雨电脑的原因,可能有时很多尾标签的/没有敲上去,所以如果大家是直接复制我的源码过去的话可能无法显示,建议大家还是自己敲一敲。记住一般情况下标签都是有头标签和尾标签的。)




  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值