最新动态
快速带你复习html(超详细)
2024-11-04 04:40

此内容包含:

快速带你复习html(超详细)

  • html基础
  • 列表、表格
  • 媒体元素
  • 表单(重点)
  • 目标:

  • 会使用HTML5的基本结构创建网页
  • 会使用文本相关标签排版文本信息
  • 会使用图像相关标签实现图文并茂的页面
  • 会使用标签创建超链接、锚链接及功能性链接
  • HTML:Hyper Text Markup Language(超文本标记语言)
    超文本包括:文字、图片、音频、视频、动画等

    常见的网页编辑工具IDE:

  • 记事本
  • NotePad++
  • Sublime
  • VsCode
  • WebStorm
  • HBuidler
  • IDEA
    ....
  • 无序列表和定义列表在网页制作中应用非常广泛

    什么是列表:
    列表就是信息资源的一种展示形式。它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷地获得相应的信息。

    无序列表

    列表项中可以包含图片、文本,还可以嵌套列表、其他标签等
    无序列表的特性

  • 没有顺序,每个< li>标签独占一行(块元素)
  • 默认< li>标签项前面有个实心小圆点
  • 一般用于无序类型的列表,如导航、侧边栏新闻、有规律的图文组合模块等
  • 有序列表

    有序列表默认以数字序号显示
    有序列表与无序列表一样,也可以嵌套列表、可以包含图片、文本、其他标签等
    有序列表的特性

  • 有顺序,每个< li>标签独占一行(块元素)
  • 默认< li>标签项前面有顺序标记
  • 一般用于排序类型的列表,如试卷、问卷选项等
  • 自定义列表

    定义列表也可以嵌套列表、包含图片、文本、其他标签等
    以后的网页制作中经常会用到定义列表,特别是图文混排的情况
    定义列表的特性

  • 没有顺序,每个< dt>标签、< dd>标签独占一行(块元素)
  • 默认没有标记
  • 一般用于一个标题下有一个或多个列表项的情况
  • 为什么使用表格

  • 简单通用
  • 结构稳定
    基本结构
  • 单元格
  • 表格的基本语法

    表格的跨列

    表格的跨行

    表格的跨行和跨列

  • 讲解表单的创建方法,以及method和action的作用
  • 分别把method的值设置为get和post,然后提交表单,查看页面效果;通过演示可看到method设置不同值时,表单数据在地址栏显示的不同情况
  • 最后根据演示情况说明get和post两者的区别
  • 最后总结:post方式提交的数据安全性要明显高于get方式提交的数据。因此在实际开发中通常采
    用post方式提交表单数据。
  • 1、文本框

    2、密码框
    向密码框中输入字符时,显示的效果,密码字符以黑色实心的圆点来显示。

    3、单选按钮
    同一组单选按钮,name属性值必须相同,才能在选中单选按钮时达到互斥

    4、复选框
    同一组复选框,根据需要可设置name属性值相同

    5、下拉列表框
    一个中至少包含一下
    希望在页面加载时有默认选中的选中项,则必须使用selected属性,如果没有默认选中项则第一个选项默认被选中;演示时改变size的值和selected默认值,看到显示效果,加深对这两个属性的理解。

    6、按钮

    7、多行文本域
    改变cols和rows的值,让学员看到由于这两个值的改变,文本框内容显示的改变。强调多行文本域的内容是在标签之间。

    8、文件域
    在表单中使用文件域时,必须设置表单的“enctype”编码属性为“multipart/form-data”,表示将表单数据分为多部分提交。未来文件上传和下载会详细讲解,现在了解即可!

    9、邮箱
    会自动验证Email地址格式是否正确

    10、网址
    会自动验证URL地址格式是否正确

    11、数字

    13、搜索框
    type值为search即为搜索框。

    在某些注册页面或本图片中订单信息页面,必须同意一些条款按钮才能使用等等

  • 隐藏域
    在浏览器中看不到隐藏域,但是在提交表单时可以看到隐藏域的内容被提交至服务器
  • 只读、禁用
  • W3C HTML5标准中,规定对于布尔类型的属性,属性值可以省略

  • 表单元素的标注
    增强鼠标的可用性
    自动将焦点转移到与该标注相关的表单元素上
  • 表单初级验证的方法

  • placeholder
    提示语默认显示,当文本框中输入内容时提示语消失
  • required
    规定文本框填写内容不能为空,否则不允许用户提交表单
  • pattern
    用户输入的内容必须符合正则表达式所指的规则,否则就不能提交表单
  •     以上就是本篇文章【快速带你复习html(超详细)】的全部内容了,欢迎阅览 ! 文章地址:http://midet.cs-ej.cn/quote/319.html 
         行业      资讯      企业新闻      行情      企业黄页      同类资讯      网站地图      返回首页 成事e家移动站 http://hond.cs-ej.cn/ , 查看更多