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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <div>标签,把独立的逻辑部分划分出来,相当于一个容器
    查看全部
    0 采集 收起

    2018-03-22

  • 1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。 font-size:20px --字体大小 color:#930 --字体颜色 text-align:center ---字体居中 font-size:12px;(注意结果窗口的文字大小的变化)。 2.在右边编辑器的第9行,输入color:#930;(注意结果窗口的文字颜色的变化)。 3.在右边编辑器的第10行,输入text-align:center;(注意结果窗口的文字居中的变化)
    查看全部
  • <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
    查看全部
    0 采集 收起

    2018-03-22

  • caption标签,为表格添加标题和摘要 摘要语法:<table summary="表格简介文本"> 标题语法: <table> <caption>标题文本</caption> <tr> <td>…</td> <td>…</td> … </tr> … </table>
    查看全部
    0 采集 收起

    2018-03-22

  • <table> <tbody> <tr> <th>...</th> <th>...</th> </tr> <tr> <td>...</td> <td>...</td> </tr> </tbody> </table> <tr>...</tr> 有几对tr 表格就有几行 <td>…</td> 一行中包含几对<td>...</td>,说明一行中就有几列 <th>…</th> 表格的头部的一个单元格,表格表头
    查看全部
    0 采集 收起

    2018-03-22

  • <div id="版块名称">...</div> 给div命名,使逻辑更加清晰
    查看全部
    0 采集 收起

    2018-03-22

  • <div>...</div> 为网页划分独立的版块
    查看全部
    0 采集 收起

    2018-03-22

  • 摘要 摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。 语法:<table summary="表格简介文本"> 标题 用以描述表格内容,标题的显示位置:表格上方。 语法: <table> <caption>标题文本</caption> <tr> <td>…</td> <td>…</td> … </tr> … </table>
    查看全部
    0 采集 收起

    2018-03-22

  • 有序列表 <ol> <li>信息</li> <li>信息</li> </ol>
    查看全部
    0 采集 收起

    2018-03-22

  • Table表格在没有添加css样式之前,是没有边框的。这样不便于我们后期合并单元格知识点的讲解,所以在这一节中我们为表格添加一些样式,为它添加边框。 在右侧代码编辑器中添加如下代码: <style type="text/css"> table tr td,th{border:1px solid #000;} </style> 上述代码是用css样式代码(后面章节会详细讲解),为th,td单元格添加粗细为一个象素的黑色边框。
    查看全部
    0 采集 收起

    2018-03-22

  • 无序列表 <ul> <li>信息</li> <li>信息</li> </ul>
    查看全部
    0 采集 收起

    2018-03-22

  • <pre>语言代码段</pre>
    查看全部
    0 采集 收起

    2018-03-22

  • 一行代码 <code>代码语言</code>
    查看全部
    0 采集 收起

    2018-03-22

  • <address>地址信息</address>
    查看全部
    0 采集 收起

    2018-03-22

  • 什么是选择器 每一条css样式定义由两部分组成形式如下 选择器{ 样式; } 在{}之前的部分就是“选择器”“选择器”指明了{}中的“样式”的作用对象也就是“样式”作用于网页中的哪些元素。比如右侧代码编辑器中第7行代码中的“body”就是选择器。 body{ font-size:12px; color:red; }
    查看全部

举报

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

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