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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 第二章小节笔记: p标签表示段落,hx标签表示标题,strong标签表示强调,默认粗体 em标签表示强调,默认斜体;span 标签无实际的语义,用于css中设置单独样式 q 标签表示短文本引用,默认样式为引号,其关键在于其语义意义,是HTML更易被机器识别 blockquote 标签表示段落应用,其默认样式为段落缩进,其前后无需添加p标签 br 标签表示折行,其是一个空标签,仅需添加<br/>至想要折行的文本后即可,最后一行文本可不添加 &nbsp表示空格;hr表示分隔线;address 表示地址,更强调语义意义;code表示单行代码,更强调语义意义 pre 表示多行代码,其意义在于预格式文本
    查看全部
    0 采集 收起

    2018-03-22

  • 课程第一章: 网页的基本结构为 <html> <head> <title></title> </head> <body> <!--示例段落--> <p>这是第一节课程的基本内容</p> </body> </html>
    查看全部
  • 可以看到代码中的空格,换行符都保留下来。如果用以前的方法,回车需要输入<br>签,空格需要输入&nbsp; 注意:<pre> 标签不只是为显示计算机的源代码时用的,在你需要在网页中预显示格式时都可以使用它,只是<pre>标签的一个常见应用就是用来展示计算机的源代码。
    查看全部
    1 采集 收起

    2018-03-22

  • 在介绍语言技术的网站中,必免不了在网页中显示一些计算机专业的编程代码,当代码为一行代码时,你就可以使用<code>标签了,如下面例子: <code>var i=i+300;</code> 语法: <code>代码语言</code> 注:如果是多行代码,可以使用<pre>标签。
    查看全部
    0 采集 收起

    2018-03-22

  • 一般网页中会有一些地址信息需要在网页中展示出来,这些地址信息如公司的地址就可以<address>标签。 如: <address>京极堂</address>
    查看全部
    1 采集 收起

    2018-03-22

  • 型--边框(二) 现在有一个问题,如果有想为p标签单独设置下边框,而其它三边都不设置边框样式怎么办呢?css样式中允许只为一个方向的边框设置样式: div{border-bottom:1px solid red;} 同样可以使用下面代码实现其它三边上、右、左边框的设置: border-top:1px solid red; border-right:1px solid red; border-left:1px solid red;
    查看全部
  • &nbsp; 输入空格时必须用它。
    查看全部
  • 与以前我们学过的标签不一样,<br />标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有<br />、<hr />和<img />。 很遗憾,在html中是忽略回车和空格的,你输入的再多回车和空格也是显示不出来的。
    查看全部
  • <q>...</q>和<blockquote>...<blockquote>都是引用,但后者引用的是大段文字,<blockquote>的默认样式是缩进的。
    查看全部
    0 采集 收起

    2018-03-22

  • 注意这里用<q>标签的真正关键点不是它的默认样式双引号(如果这样我们不如自己在键盘上输入双引号就行了),而是它的语义:引用别人的话。
    查看全部
    0 采集 收起

    2018-03-22

  • 1. <em>和<strong>标签是为了强调一段话中的关键字时使用,它们的语义是强调。 2. <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。
    查看全部
    1 采集 收起

    2018-03-22

  • 第十章笔记: font-family:"Microsoft Yahei" 字体 font-size 字号 font-weight:bold 设置加粗 color 颜色 font-style:italic 设置斜体 text-decoration:underline 设置下划线 text-decoration:line-through 设置删除线 text-indent:2em 设置首行缩进2字符 line-height:2em 设置行间距为2倍行距 letter-spacing 设置字符间距 word-spacing 设置词组间距 text-align:center/left/right 设置
    查看全部
  • 文字排版--字号、颜色(格式)body{font-size:12px;color:#666;}
    查看全部
  • <em>的内容在浏览中显示为斜体,<strong>显示为加粗。
    查看全部
    0 采集 收起

    2018-03-22

  • 文字排版--字体(格式):body{font-family:"微软雅黑";}
    查看全部

举报

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

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