web开发里html的用法，详细介绍了里面的各种标签、用法

"https://www.baidu.com">baidua>
body>
html>
效果如下:

点击后跳转到百度的网站:

到这里，我们看到的效果和前面的块级标签效果一样，那为什么叫做行内标签呢，我们再添加一行来看


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Documenttitle>
head>
<body>
    <a href="https://www.baidu.com">baidu1a>
    <a href="https://www.baidu.com">baidu2a>
body>
html>
效果如下:

他会在同一行，行内标签是不占一行的，会在一行内接着排，所以叫行内标签

2.图片标签

src里面填写图片路径，alt里填写如果没有这张图片，他会显示出来的东西




    
    
    
    Document


    baidu1
    没有


效果如下:

可以发现图片排在了baidu1的后面，所以图片标签也是一个行内标签，但是为什么会占据这么大的地方呢，因为占地面积是由图片高度来控制，所以会撑大。

如果想把图片做成可以点击的链接，可以把img标签放在a标签里面，如下：




    
    
    
    Document


    没有


效果如下:

点击图片以后就会跳转到百度首页，如果是下面这样:




    
    
    
    Document


    没有百度


效果如下:

此时点击图片或者文字都会跳转，只要在a标签里面都会跳转

如果没有这张图片:




    
    
    
    Document


    没有百度


效果如下:

3.锚点




    
    
    
    Document


    

    

        数十年中，这片斗气大陆，也是再度变得精彩，各种天才辈出，惊艳世人，然而，似乎不论后人如何的出彩，在他们的头顶之上，依然是有着一道身影而立。
    

    没有百度
          #
是换行符

返回顶部


效果如下:

点击返回顶部就会回到顶部，返回底部也能(把那两行调换一下位置就行)，但是做网站是希望用户尽量在网站里多停留，所以一般不常用

4.假链接




    
    
    
    Document


    

    

        数十年中，这片斗气大陆，也是再度变得精彩，各种天才辈出，惊艳世人，然而，似乎不论后人如何的出彩，在他们的头顶之上，依然是有着一道身影而立。
    

    没有百度

    返回顶部

    点开有惊喜


效果如下:

此时点击“ 点开有惊喜 ”不会有任何反应

5.粗体斜体颜色标签




    
    
    
    Document


    

    数十年中，这片斗气大陆，也是再度变得精彩，各种天才辈出，惊艳世人，然而，似乎不论后人如何的出彩， 在他们的头顶之上，依然是有着一道身影而立。
    



效果如下:

其中，b、strong标签是加粗，i标签是变斜，a标签是立即变色并且可以点击

6.文字标签




    
    
    
    Document


    

    数十年中，这片斗气大陆，也是再度变得精彩，各种天才辈出，惊艳世人，然而，似乎不论后人如何的出彩，在他们的头顶之上，依然是有着一道身影而立。
    



效果如下:

如果只有，就和原来没有变化，里面如果指定属性就会变化，比如颜色。

特殊符号

因为标签就是用<>包裹起来的，所以你再里面的内容想用比如时，直接输入他是不会显示出来的，因为他和标签长得一模一样，这时就需要特殊符号，包括空格也需要特殊符号。

<是<； >是>； eg：<；a>；出现在网页文本当中就是

一个空格是 ；一个字符宽度是&emsp




    
    
    
    Document


    

      数十年中，这片斗气大陆，也是再度变得精彩，各种天才辈出，惊艳世人，然而，似乎不论后人如何的出彩，在他们的头顶之上，依然是有着一道身影而立。

      “纳兰小姐，看在纳兰老爷子的面上，<萧炎奉劝你几句话，>三十年河东，三十年河西，莫欺少年穷”萧炎铮铮冷语，

    让得纳兰嫣然娇躯轻颤了颤
    



效果如下:

列表标签详解

1.有序列表




    
    
    
    Document


    
    
        
  1. hello world
    2. 
        
  2. hello world
    3. 
        
  3. hello world
    4. 
        
  4. hello world
    5. 
        
  5. hello world
    6. 
        
  6. hello world
    7. 
    



效果如下:

如果只是

    ，里面什么都没有，则默认是按1，2，3，4，5...去排，如果写了type=""，则里面写

    a对应是按a,b,c,d,e...排

    A对应是按A,B,C,D,E...排

    i对应是按小写罗马数字排

    I对应是按大写罗马数字排

    1对应是按1，2，3，4，5...排

    还有一个属性是start，

      ,start里面是几，就是从几开始排序

      2.无序列表

      


    
    
    
    Document


    
        
        
      • hello world
        • 
        
      • hello world
        • 
        
      • hello world
        • 
        
      • hello world
        • 
        
      • hello world
        • 
        
      • hello world
        • 
    
      


效果如下:

      如果只有