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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 创建表格的四个元素:table、tbody、tr、th、td <tbody>标签作用在于表格内容很多时,只有在表格内容下载完才会在浏览器中显示,如果不使用改标签的话表格会下载一点显示一点 table body <tr>表示表格的一行,有几对<tr></tr>就表示有几行 table row <td>表示表格的一个单元格,一行中包含几对<td></td>就说明一行中有几列 <th>表示表格头部的一个单元格,即表格表头 table head 默认粗体、居中显示 注意:在未加入CSS样式前,在浏览器中时没有表格线的
    查看全部
    0 采集 收起

    2018-03-22

  • 使用提交按钮,提交数据 ype:只有当type值设置为submit时,按钮才有提交作用 value:按钮上显示的文字 http://img1.sycdn.imooc.com//52e613350001461604820109.jpg http://img1.sycdn.imooc.com//52e6126f0001496a04480218.jpg
    查看全部
  • 拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,在 widows 操作系统下,进行多选时按下Ctrl键同时进行单击(在 Mac下使用 Command +单击),可以选择多个选项。 http://img1.sycdn.imooc.com//52e60c020001b7f805000178.jpg
    查看全部
    0 采集 收起

    2018-03-22

  • http://img1.sycdn.imooc.com//52e604590001ae4005270185.jpg http://img1.sycdn.imooc.com//52e6037300015a9905030165.jpg selected="selected": 设置selected="selected"属性,则该选项就被默认选中。
    查看全部
  • <div>标签,使逻辑更加清晰。 为了使逻辑更加清晰,我们可以为这一个独立的逻辑部分设置一个名称,用id属性来为<div>提供唯一的名称,这个就像我们每个人都有一个身份证号,这个身份证号是唯一标识我们的身份的,也是必须唯一的。 语法: <div id="版块名称">…</div>
    查看全部
    0 采集 收起

    2018-03-22

  • 超链接
    查看全部
    0 采集 收起

    2015-02-03

  • 使用单选框、复选框,让用户选择 <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" 时,该选项被默认选中 同一组的单选按钮,name 取值一定要一致,比如上面例子为同一个名称“radioLove”,这样同一组的单选按钮才可以起到单选的作用。
    查看全部
  • <ol>有顺序的信息列表。与<ul>有差别。默认序号从1开始 语法: <ol> <li>信息</li> <li>信息</li> ...... </ol>
    查看全部
    0 采集 收起

    2018-03-22

  • 使用ul,添加新闻信息列表,ul-li是没有前后顺序的信息列表。 语法: <ul> <li>信息</li> <li>信息</li> ...... </ul>
    查看全部
    0 采集 收起

    2018-03-22

  • 使用<pre>标签为你的网页加入大段代码. 语法:<pre>语言代码段</pre> <pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。 注意:<pre> 标签不只是为显示计算机的源代码时用的,在你需要在网页中预显示格式时都可以使用它,只是<pre>标签的一个常见应用就是用来展示计算机的源代码。
    查看全部
    0 采集 收起

    2018-03-22

  • 文本域,支持多行文本输入 1、<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。 2、cols :多行输入域的列数。 3、rows :多行输入域的行数。 4、在<textarea></textarea>标签之间可以输入默认值。 举例: <form method="post" action="save.php"> <label>联系我们</label> <textarea cols="50" rows="10" >在这里输入内容...</textarea> </form> 注意这两个属性可用css样式的width和height来代替:col用width、row用height来代替。
    查看全部
  • <code>:向网页内容里面插入代码,即要显示在网页中的代码 注:只能显示一行代码,显示多行代码不能使用<code>标签,要使用<pre>标签
    查看全部
    0 采集 收起

    2018-03-22

  • <address>标签,为网页加入地址信息, 语法:<address>地址信息</address>, 在浏览器上显示的样式为斜体.
    查看全部
    0 采集 收起

    2018-03-22

  • 文本输入框、密码输入框 <form> <input type="text/password" name="名称" value="文本" /> 1、type: 当type="text"时,输入框为文本输入框; 当type="password"时, 输入框为密码输入框。 2、name:为文本框命名,以备后台程序ASP 、PHP使用。 3、value:为文本输入框设置默认值。(一般起到提示作用) </form> <form> 姓名: <input type="text" name="myName"> <br/> 密码: <input type="password" name="pass"> </form>
    查看全部
  • tr table row 表格行 td table data 表格数据单元 th Table Header 表头
    查看全部
    0 采集 收起

    2015-02-03

举报

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

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