【Java Web】HTML 标签 总结

目录

1.HTML

2.标签

   1. head  标签

        1.图标

        2.样式居中

   2. body 标签

1.注释  :     

2.加载图片

3.加载视频

效果

4.区域

效果

5.上下跳转,页面跳转

效果

 6.表格

效果

7.有序列表,无序列表

效果

8.登录

效果

9.按钮

10.多选框 单选框

效果

11.文本框

效果

12.下拉列表

效果


1.HTML

概念:HTML(Hypertext Markup Language ) 超文本标记语言。

HTML 不是一种编程语言,而是一种标记语言。
Html主要用来描述网页中所需要的组件,例如:文本框、表格、图片、视频等等,也对网页进行排版。
HTML的源文件,称为“网页”,通常以.html或者.htm为结尾。
可以使用任意文本编辑器编辑,需要使用浏览器执行。

访问:https://www.w3school.com.cn/




    
    Title




2.标签

   1. head  标签

      头部标签...

 

        1.图标

 

例如

        2.样式居中

  是需要额外写.css代码的

         或者

 
   write code...

   2. body 标签

      body标签...

1.注释  :     

 

2.加载图片

加载不出来时显示这段话 

3.加载视频

例如




    
    HTML
    


    
    asddd 
    
    

效果

【Java Web】HTML 标签 总结_第1张图片

 

4.区域

分区

每个区域中分几部分 

文章分段


换行


分割线

我是一级标题

我是二级标题

我是三级标题

...

我是正文




    
    Title



    
我是第一个区域
我是第二个区域的第一部分 我是第二个区域的第二部分

我是第一段文字

我是第二段文字

一级标题

二级标题

三级标题

我是正文

效果

【Java Web】HTML 标签 总结_第2张图片

5.上下跳转,页面跳转

点击小破站

点击到达底部

底部




    
    Title



    点击到达底部
    
点击小破站
加载中 加载中 加载中 加载中 加载中 加载中 加载中 加载中 加载中
底部

效果

【Java Web】HTML 标签 总结_第3张图片

 6.表格




    
    Title



    
    
学号 姓名 性别
0001 张伟
0001 张伟

效果

【Java Web】HTML 标签 总结_第4张图片

7.有序列表,无序列表




    
    Title


    
    
  • 一号
  • 二号
  • 三号
  • 四号
  • 五号
  1. 一号
  2. 二号
  3. 三号
  4. 四号
  5. 五号

效果

【Java Web】HTML 标签 总结_第5张图片

8.登录




    
    Title

   
    

登录网站


效果

【Java Web】HTML 标签 总结_第6张图片

9.按钮


                                    

10.多选框 单选框



效果

                      【Java Web】HTML 标签 总结_第7张图片

11.文本框

效果

【Java Web】HTML 标签 总结_第8张图片

12.下拉列表


    

效果

                              【Java Web】HTML 标签 总结_第9张图片

 

你可能感兴趣的:(习题总结,前端,java,html)