• html基础-标题标签-文字标签(2)


    昨天说道了我的第一个网页,今天接着继续带大家深入,前期学习千万不要用代码工具哦!那样就少了深入了解的机会了哦!

    一、大家都知道文章会有各种标题,网页其实也跟文章差不多也有专门来写标题的元素。

      (1)、<h1></h1>  标题一,也是最大的标题,一个页面最好只有一个来突出重要性;  

      (2)、<h2></h2>  标题二

      (3)、<h3></h3>  标题三

      (4)、<h4></h4>      标题四

      (5)、<h5></h5>      标题五

      (6)、<h6></h6>  标题六,也是最小的,也是最后一个没有7、8、9.......

     代码块

    <html>
         <head>
    	<title>标题</title>
         </head>
         <body>
    	<h1>我是标题一</h1>
    	<h2>我是标题二</h2>
    	<h3>我是标题三</h3>
    	<h4>我是标题四</h4>
    	<h5>我是标题五</h5>
    	<h6>我是标题六</h6>
         </body>
    </html>
    

    效果

    二、文章标题完了是不是该段落了,段落标签其实昨天就见到了,如果你有看。

        (1)、<p></p>   这就是段落标签,也就是p标签。 

     代码

    <html>
         <head>
    	<title>标题和段落</title>
         </head>
         <body>
    	<h1>我是标题</h1>
    	<p>我是段落</p>
         </body>
    </html>
    

    效果

    三、我再来介绍段落中的文字标签,用来给文字添加各种效果

      (1)、<em></em>  <i></i>   这两种都是文字斜体

      (2)、<b></b>  <strong></strong>   这两种都是文字加粗强调显示

      (3)、<small></small>    文字缩小

      (4)、<big></big>    文字放大

      (5)、<s></s>  <del></del>   <strike></strike> 这三种删除线(一般出现在价格区域,原价和现价的比较,原价中间会有一条线,这就是实现那条线的)

      (6)、<u></u>  文字下划线、

          [注]:只要把你想要改变的文字包起来就OK啦!,这只是一些常用的还有好多,他们用法都一样,到时候查一下就好。

    代码

    <html>
         <head>
    	<title>文字标签</title>
         </head>
         <body>
    	<h1>我是标题</h1>
    	<p>我是<em>斜体1</em> 我是<i>斜体2</i></p>
    	<p>我是<b>加粗1</b> 我是<strong>加粗2</strong></p>	
    	<p>我是<small>缩小文字</small></p>
    	<p>我是<big>放大文字</big></p>
    	<p>我是<s>删除线1</s> 我是<del>删除线2</del> 我是<strike>删除线3</strike></p>
    	<p>我是<u>文字下划线</u></p>
         </body>
    </html>
    

    效果  

    下次给大家说网页之间的超链接也就是跳转,和图片的引入网页中。因为涉及到到绝对路径与相对路径,初学这不太好理解,准好好整理下给大家说清楚点。

    还有欢迎大家评论因为刚刚写博客,所以肯定有很多不好的地方希望大家多提意见。

  • 相关阅读:
    表达式计算 java 后缀表达式
    动态规划略有所得 数字三角形(POJ1163)
    SharedPreferences的基本数据写入和读取
    安卓 io流 写入文件,再读取的基本使用
    SqLite的基本使用
    安卓手机开机开启指定Activity
    Calling startActivity() from outside of an Activity context requires the FLAG_ACTIVITY_NEW_TASK fla
    广播的基本使用,判断是否有可用网络,并弹出设置窗口
    AsyncTask下载网络图片的简单应用
    Intellij_idea-14官方快捷键中文版
  • 原文地址:https://www.cnblogs.com/durenlong/p/6973542.html
Copyright © 2020-2023  润新知