HTML-2

1.列表

  列表就是信息资源的一种展示新式,它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷获取相应信息
列表分类:
          无序列表
          有序列表
          定义列表

  1. java
  2. python
  3. c++
  4. 运维
  5. 云计算
  6. c#
  7. html

  • java
  • python
  • c++
  • 运维
  • 云计算
  • c#
  • html
学科
python
java
c
c++
位置
python
java
c
c++

HTML-2_第1张图片

2.表格


1-1
2-1 2-1 2-2 2-3
3-1 3-2 3-3

HTML-2_第2张图片

3.媒体元素



HTML-2_第3张图片

4.页面结构

HTML-2_第4张图片

网页头部

主题

网页脚步

HTML-2_第5张图片

 5.内联框架

HTML-2_第6张图片


点击跳转


HTML-2_第7张图片

6.表单

HTML-2_第8张图片

 HTML-2_第9张图片

  •  简单的登录界面、表单form、文本输入框。

注册

名字:

密码:

HTML-2_第10张图片

  • 单选框


    

性别:

 HTML-2_第11张图片

  •  多选框


    

爱好: 睡觉 敲代码 女生 玩游戏

HTML-2_第12张图片

  •  按钮


    

按钮:

  •  下拉框、列表框

 

国家:

HTML-2_第13张图片

  • 文本域、文件域


    

反馈:

HTML-2_第14张图片

  •  几种验证、滑块、搜索。


    

邮箱:

url:

数字:

音量:

搜索:

HTML-2_第15张图片

  •  隐藏域、只读、禁用、增强鼠标可用性。

只读:readonly(不能改、不能写)
禁用:disable
隐藏:hidden

    

锁定:

  •  表单初级验证


    

自定义邮箱:

HTML-2_第16张图片

  •  总结

HTML-2_第17张图片

 

 

你可能感兴趣的:(html)