为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
初识HTML(5)+CSS(3)_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 类选择器和ID选择器的区别:在一个HTML文档中,ID选择器只能在文档中进能使用一次,而类选择器则可以使用多次;可以使用类选择器词列表方法为一个元素同事设置多个样式,但不能使用ID选择器(类选择器词列表设置方法<span class="类名称1 类名称2">)</span>
    查看全部
  • 使用下拉列表框进行多选 下拉列表也可以进行多选操作,在标签中设置multiple="multiple"属性,就可以实现多选功能,进行多选时按下Ctrl键同时进行单击,可以选择多个选项。 我来试一试:让“爱好”下拉列表框具有多选功能 1、在右部编辑器中第10行补充代码 multiple="multiple"。 看书旅游运动购物
    查看全部
    0 采集 收起

    2018-03-22

  • ID选择器与类选择器有点相似,区别在与标签设置为id="ID名称",ID选择符前面是#,不是.
    查看全部
    0 采集 收起

    2018-03-22

  • 使用下拉列表框,节省空间 下拉列表在网页中也常会用到,它可以有效的节省网页空间。既可以单选、又可以多选。 讲解: 1、value:向服务器提交的值 2、selected="selected": 设置selected="selected"属性,则该选项就被默认选中。 旅游(显示的值)
    查看全部
  • password默认格式是“点”
    查看全部
  • 类选择器语法:.类选器名称{css样式代码;},类选择器的使用方法:1、使用适合的标签把要修饰的内容标记起来,2、使用class="类选择器名称"为标签设置一个类,3、设置类选择器CSS样式。
    查看全部
  • 使用单选框、复选框,让用户选择 在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选。请看下面的例子: 语法: 1、type: 当type="radio"时,控件为单选框 当type="checkbox"时,控件为复选框 2、value:提交数据到服务器的值(后台程序PHP使用) 3、name:为控件命名,以备后台程序ASP、PHP使用 4、checked:当设置checked="checked"时,该选项被默认选中 注意:同一组的单选按钮,name取值一定要一致,比如上面例子为同一个名称“radioLove”,这样同一组的单选 任务1:我来试一试:修改单选框代码错误(男、女可以同时选择),使其具有单选作用。 1、在右部编辑器中第11行、13行代码有错误,请改正。
    查看全部
  • 区分中英文标点符号。
    查看全部
    0 采集 收起

    2014-11-24

  • 文本域,支持多行文本输入 当用户需要在表单中输入大段文字时,需要用到文本输入域。 语法: 文本 1、标签是成对出现的,以开始,以结束。 2、cols :多行输入域的列数。 3、rows :多行输入域的行数。 4、在标签之间可以输入默认值。 举例: 联系我们 在这里输入内容... 注意:代码中的标签在本章5-9中讲解。 在浏览器中显示结果: 注意这两个属性可用css样式的width和height来代替:col用width、row用height来代替。(这两个css样式在以后的章节会讲解)
    查看全部
  • table表格在没有添加css样式之前,在浏览器中显示是没有表格线的
    查看全部
    0 采集 收起

    2014-11-24

  • 文本框,密码框
    查看全部
  • 文本输入框、密码输入框 当用户要在表单中键入字母、数字等内容时,就会用到文本输入框。文本框也可以转化为密码输入框。 语法: 1、type: 当type="text"时,输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 2、name:为文本框命名,以备后台程序ASP 、PHP使用。 3、value:为文本输入框设置默认值。(一般起到提示作用) 举例: 姓名: <br /> 密码: 在浏览器中显示的结果: 任务
    查看全部
  • <ol><li>在网页中显示的默认样式一般为:每项</li><li>前都自带一个序号,序号默认从1开始。 ol:order list</li></ol>
    查看全部
    0 采集 收起

    2018-03-22

  • 表单代码
    查看全部
  • 使用表单标签,与用户交互 网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。 语法: 讲解: 1. :标签是成对出现的,以开始,以结束。 2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3.method : 数据传送的方式(get/post)。 用户名: 密码: 注意: 1、所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在标签之间(否则用户输入的信息可提交不到服务器上哦!)。 2、method:post/get的区别这一部分内容属于后端程序员考虑的问题。感兴趣的小伙伴可以查看本小节的wiki,里面有详细介绍。
    查看全部

举报

0/150
提交
取消
课程须知
没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。
老师告诉你能学到什么?
本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识,可以利用HTML(5)、CSS(3)样式技术制作出简单页面。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!