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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 创建表格的四个元素: table、tbody、tr、th、td 1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。 2、<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。 3、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。 4、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。 5、<th>…</th>:表格的头部的一个单元格,表格表头。 6、表格中列的个数,取决于一行中数据单元格的个数。 总结: 1、table表格在没有添加css样式之前,在浏览器中显示是没有表格线的 2、表头,也就是th标签中的文本默认为粗体并且居中显示
    查看全部
    0 采集 收起

    2018-03-22

  • 1.文本引用,在html中加一段引用,<q>引用文本</q>,相当于双引号
    查看全部
    0 采集 收起

    2018-03-22

  • id 不会展现,只是给设计师自己标记板块命名用。
    查看全部
    0 采集 收起

    2015-02-11

  • 在上一小节中,我们把一些标签放进<div>里,划分出一个独立的逻辑部分。为了使逻辑更加清晰,我们可以为这一个独立的逻辑部分设置一个名称,用id属性来为<div>提供唯一的名称,这个就像我们每个人都有一个身份证号,这个身份证号是唯一标识我们的身份的,也是必须唯一的。 语法: <div id="版块名称">…</div>
    查看全部
    0 采集 收起

    2018-03-22

  • 用id属性来为<div>提供唯一的名称,这个就像我们每个人都有一个身份证号,这个身份证号是唯一标识我们的身份的,也是必须唯一的。
    查看全部
    0 采集 收起

    2018-03-22

  • css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示
    查看全部
  • 1. <em>和<strong>标签是为了强调一段话中的关键字时使用,它们的语义是强调。 2. <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。
    查看全部
    0 采集 收起

    2018-03-22

  • 在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中,这个<div>标签的作用就相当于一个容器。 语法: <div>…</div>
    查看全部
    0 采集 收起

    2018-03-22

  • 在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表、图片列表,如下图所示。这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。 语法: <ul> <li>信息</li> <li>信息</li> ...... </ul> 有序列表 同样,有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。 <ol> <li>Coffee</li> <li>Milk</li> </ol>
    查看全部
    0 采集 收起

    2018-03-22

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

    2018-03-22

  • 如果想在网页中展示有前后顺序的信息列表,就可以使用<ol>标签来制作有序列表来展示。 语法: <ol> <li>信息</li> <li>信息</li> ...... </ol> 举例: 下面是一个热点课程下载排行榜: <ol> <li>前端开发面试心法 </li> <li>零基础学习html</li> <li>JavaScript全攻略</li> </ol> <ol>在网页中显示的默认样式一般为:每项<li>前都自带一个序号,序号默认从1开始,
    查看全部
    0 采集 收起

    2018-03-22

  • 想加入一行代码吗?使用<code>标签 语法:<code>代码语言</code> 使用code标签,不指是为代码设置不同的样式,主要还是为了语议化:为了让搜索引擎知道这一段是代码。还可以让屏幕阅读器知道这一段是代码。 注:如果是多行代码,可以使用<pre>标签。
    查看全部
    0 采集 收起

    2018-03-22

  • 在本节我们将使用<hx>标签来制作文章的标题。 标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。 语法: <hx>标题文本</hx> (x为1-6)
    查看全部
    0 采集 收起

    2018-03-22

  • 一般网页中会有一些地址信息需要在网页中展示出来,这些地址信息如公司的地址就可以<address>标签。 与em标签相比,两个标签的表现虽然都是斜体,但两个标签的用处不一样,一个是给网页添加地址时用adress,另一个em是需要强调某个文字是使用em,再次强调一下,学习标签要记住它的用途,而不是它的表现,表现是可以用css样式改变的。
    查看全部
    0 采集 收起

    2018-03-22

  • 在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表、图片列表.这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。 语法: <ul> <li>信息</li> <li>信息</li> ...... </ul> 举例: <ul> <li>精彩少年</li> <li>美丽突然出现</li> <li>触动心灵的旋律</li> </ul>
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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