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

初识HTML(5)+CSS(3)-升级版

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • Input的type属性设置为email,则表示该输入框的类型为邮箱

    数字框的值必须包含@

    数字框的值@之后必须有内容,否则会报错误提示

    查看全部
  • input的type属性设置为url,则表示该输入框的类型为网址

    数字框的值需以http://或者https://开头,且后面必须有内容,否则表单提交的时候会报错误提示

    查看全部
  • input的type属性设置为number,则表示该输入框的类型为数字。

    数字框只能输入数字,输入其他字符无效

    数字框最右侧会有一个加减符号,可以调整输入数字的大小,不同浏览器表现不一致。

    查看全部
  • 内联,嵌入,外联优先级需要笔记
    查看全部
  • <form>
      <input type="text/password" name="名称" value="文本" />
    </form>

    type:

       当type="text"时,输入框为文本输入框;

       当type="password"时, 输入框为密码输入框。

    name:为文本框命名,以备后台程序ASP 、PHP使用。

    value:为文本输入框设置默认值。(一般起到提示作用)

    查看全部
  • <form   method="传送方式"   action="服务器文件">
    action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。

    method : 数据传送的方式(get/post)

    <form    method="post"   action="save.php">
           <label for="username">用户名:</label>
           <input type="text" name="username" />
           <label for="pass">密码:</label>
           <input type="password" name="pass" />
    </form>

    查看全部
  •            

    嵌入式css样式,就是可以把css样式代码写在<style type="text/css"></style>标签之间
    <style type="text/css">
    span{
    color:red;
    }
    </style>

    行内式<span brush:css;toolbar:false"><link href="base.css" rel="stylesheet" type="text/css" /> 注意: 1、css样式文件名称以有意义的英文字母命名,如 main.css。 2、rel="stylesheet" type="text/css" 是固定写法不可修改。 3、<link>标签位置一般写在<head>标签之内。

           

    查看全部
  • <br />标签作用相当于word文档中的回车。

    查看全部
  • 1、select和option标签都是双标签,它总是成对出现的,需要首标签和尾标签。

    2、select标签里面只能放option标签,表示下拉列表的选项。

    3、option标签放选项内容,不放置其他标签。

    4、value:

    5、selected="selected":

    设置selected="selected"属性,则该选项就被默认选中。


    查看全部
  • 语法:

    <input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>

    1、type:

       当 type="radio" 时,控件为单选框

       当 type="checkbox" 时,控件为复选框

    2、value:提交数据到服务器的值(后台程序PHP使用)

    3、name:为控件命名,以备后台程序 ASP、PHP 使用

    4、checked:当设置 checked="checked" 时,该选项被默认选中


    查看全部
  • 1、Input的type属性设置为email,则表示该输入框的类型为邮箱。

    2、数字框的值必须包含@。

    3、数字框的值@之后必须有内容,否则会报错误提示。

    <input type="email" placeholder="邮箱"/>
    设置为email,默认必须带@,及第3个要求
    查看全部

  • <body>

        <input type="text" placeholder="请输入文本"/>

    </body>

    placeholder:输入框占位符,在待输入的框中提示,输入的东西

    placeholder属性为输入框占位符,里面可以放提示的输入信息。
    2、placeholder属性的值可以任意填写,当输入框输入内容时,占位符内容消失,输入框无内容时,占位符内容显示。
    3、占位符内容不是输入框真正的内容。
    查看全部

  • 当用户要在表单中键入字母、数字等内容时,就会用到文本输入框。文本框也可以转化为密码输入框。

    语法:

    <form>
      <input type="text/password" name="名称" value="文本" />
    </form>

    1、type:

       当type="text"时,输入框为文本输入框;

       当type="password"时, 输入框为密码输入框。

    2、name:为文本框命名,以备后台程序ASP 、PHP使用。

    3、value:为文本输入框设置默认值。(一般起到提示作用)

    <form >

    姓名:<input type="text" name="myName"/>

    密码:<input type="password" name="pass"/>

    <form/>


    查看全部
  • 创建表格的四个元素:table、tr、th、td

    1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。

    2、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。

    3、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。

    4、<th>…</th>:表格的头部的一个单元格,表格表头。

    5、表格中列的个数,取决于一行中数据单元格的个数。

    6、border属性可以为表格添加边框,属性值为数字。

    注意:

    1、table标签用来定义整个表格,为双标签,必须有结束标签。

    2、table标签里面可以放caption标签和tr标签。

    3、caption标签用来定义表格的标题。

    4、tr标签用来设置表格的行,tr里面只能放th或者td标签,一组tr标签代表一行。

    5、th用来设置表格的标题,会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。

    6、td同来设置表格的列,一组td标签代表一列。

    7、table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的。

    查看全部
  • a标签有的target属性,代表打开网页的方式。可选值为”_self和_blank”,默认值为_self,代表在当前页面打开链接,_blank代表在新窗口打开链接。

    查看全部

举报

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

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