HTML简单介绍及你的第一个设计

一、HTML是啥?

HTML的全称为超文本标记语言,英文名(Hyper Text Markup Language)是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。 [1]

HTML其实是文本,它需要浏览器的解释

二、常见的编译器

1.VS code

2.sublime Text

三、利用sublim Text写一个非常非常非常简单的小玩意

第一行

   #告诉编译器这是要写html啦

#结束标志

      #开始
    #头标题
    Welcom Li Mengxia's Home     #你所打开页面的标题,如下


                                                          #头标题结束
                                                          #内容填充部分
                                            #注释
    

Hello, everyone. Welcome to Li Mengs_'s Home

#第一个大标题
    

Let's begin

                                                                 #小标题,可以有6个

    


                #——

                        #添加图片style是尺寸,src位置 alt未显示时的打印字
        This is a img tap.

        
       #换行
        


              #段落
    

I have many things I like. I love this beautiful world

    

        
        


                
  • Beautiful flowers.

  •             
  • delicious food.

  •             
  • Charming scenery.

  •             
  • And gentle person.

  •             
  • There are still a lot of it

  •             
  • ......

  •         

 

 #段落,代表字体加粗,代表字体注释,鼠标放在上面会有提示

        

小马碧琪 就是上图的照片,她是我很喜欢的动漫角色,象征着乐观开朗!

 

        #段落,字体倾斜
        

我还很喜欢日本的花滑选手 羽生结弦.他真的非常优秀!

         #添加图片

        This is a img tap.

        


            优秀的他打破了很多不可能!
        


        
        
       
                
  1. 短节目:111.82分(2020四大洲花样滑冰锦标赛)

  2.             This is a img tap.

                

  3. 长节目:212.99分(2019大奖赛 加拿大站)

  4.             This is a img tap.

                

  5. 总分:322.59分(2019大奖赛 加拿大站)

  6.             This is a img tap.

                

  7. 他已经19次打破世界记录

  8.             
  9. 同时他还是ISU认可的国际比赛中完成后外结环跳的第一人。

  10.             
  11. 于2022.07.19宣布退役。即转为职业性花滑选手。
                

                This is a img tap.


  12.         

#部分展示

        #添加链接

更多关于他的介绍可以点击:li Mengxia 未婚夫羽生结弦的百度百科 了解更多.

 

 

        



        
        

That's it See you next time


        
        

  #结束

三、结束语

如果你照抄以上代码,你就可以做出来一个非常非常非常非常发简单的界面!

对于小白来说需要仔细哦!

That's it See you next time


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章