educoder HTML—基本标签

    科技2022-07-21  119

    标签的分类

    1.标题标签:h1标签,后面的数字可以调节标题大小,数字越大越小

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <h1>创建不同字体大小的标题</h1> <!-- ********* Begin ********* --> <h2>创建不同字体大小的标题</h2> <h3>创建不同字体大小的标题</h3> <h4>创建不同字体大小的标题</h4> <h5>创建不同字体大小的标题</h5> <h6>创建不同字体大小的标题</h6> <!-- ********* End ********* --> </body> </html>

    2.段落标签:P标签,显示文章段落内容,也有换行分段的作用

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <!-- ********* Begin ********* --> <p>我是一个段落 </p> <!-- ********* End ********* --> </body> </html>

    3.链接标签:a标签,存入跳转地址链接, href=“网址”>Educoder平台

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <!-- ********* Begin ********* --> <a href="https://www.educoder.net">Educoder平台</a> <!-- ********* End ********* --> </body> </html>

    4.图片表示标签:img标签,用来表示图片,src是图片地址,alt是图片没显示出来时的文字

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <!-- ********* Begin ********* --> <img src="https://www.educoder.net/attachments/download/207801" alt="小狗走路"/> <!-- ********* End ********* --> </body> </html>

    5.分割标签:div标签,把内容分割成不同部分,没有什么实际意义

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <h2>我是h2标签</h2> <p>我是p标签</p> <!-- ********* Begin ********* --> <div>我是div标签</div> <!-- ********* End ********* --> </body> </html>

    6.注释:

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <h2>习贺信</h2> <!-- ********* Begin ********* --> <!--<div> 信。 </div>--> <!--一带一路--> <p> 发扬光大。 </p> <!-- ********* End ********* --> </body> </html>
    Processed: 0.008, SQL: 8