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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 1.使用pre标签为你的网页加入大段代码 2.<pre>语言代码段</pre> <pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。</pre>
    查看全部
    0 采集 收起

    2018-03-22

  • <code>代码语言</code> 注:如果是多行代码,可以使用<pre>标签</pre>
    查看全部
    0 采集 收起

    2018-03-22

  • <code></code>变成代码,一行代码 注意:在文章中一般如果要插入多行代码时不能使用<code>标签了。</code>
    查看全部
    0 采集 收起

    2018-03-22

  • 查看全部
  • <address></address>地址标签,默认斜体
    查看全部
    0 采集 收起

    2018-03-22

  • ...
    查看全部
  • 当你想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,),如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色: h1,span{color:red;} 它相当于下面两行代码: h1{color:red;} span{color:red;}
    查看全部
  • 更有趣的是伪类选择符,为什么叫做伪类选择符,它允许给html不存在的标签(标签的某种状态)设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色: a:hover{color:red;} 上面一行代码就是为a标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字内容中的“胆小如鼠”文字加入鼠标滑过字体颜色变为红色特效。
    查看全部
  • 语法: <pre>语言代码段</pre> <pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。 如下代码: </pre><pre> var message="欢迎"; for(var i=1;i&lt;=10;i++) { alert(message); } </pre> 在浏览器中的显示结果为: 在上面的例子中可以看到代码中的空格,换行符都保留下来。如果用以前的方法,回车需要输入<br />签,空格需要输入  注意:<pre> 标签不只是为显示计算机的源代码时用的,在你需要在网页中预显示格式时都可以使用它,只是</pre><pre>标签的一个常见应用就是用来展示计算机的源代码。</pre>
    查看全部
    0 采集 收起

    2018-03-22

  • 认识标签,为网页插入图片 在网页的制作中为使网页炫丽美观,肯定是缺少不了图片,可以使用标签来插入图片。 语法: <img src="%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80" alt="下载失败时的替换文本" title="提示文本" /> 举例: <img src="myimage.gif" alt="My Image" title="My Image" /> 讲解: 1、src:标识图像的位置; 2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本; 3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本); 4、图像可以是GIF,PNG,JPEG格式的图像文件。
    查看全部
    0 采集 收起

    2018-03-22

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

    2018-03-22

  • 发邮件
    查看全部
    0 采集 收起

    2014-11-21

  • address标签,为网页加入地址信息 一般网页中会有一些地址信息需要在网页中展示出来,这些地址信息如公司的地址就可以<address>标签。 语法: </address><address>地址信息</address> 如: <address>北京市西城区德外大街10号</address> 在浏览器上显示的样式为斜体,如果不喜欢斜体,当然可以,可以在后面的课程中使用css样式来修改它<address>标签的默认样式。</address>
    查看全部
    0 采集 收起

    2018-03-22

  • 认识hr标签,添加水平横线 语法: html4.01版本 <hr /> xhtml1.0版本 <hr /> 注意: 1. <hr />标签和<br />标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。 2. <hr />标签的在浏览器中的默认样式线条比较粗,颜色为灰色,可能有些人觉得这种样式不美观,没有关系,这些外在样式在我们以后学习了css样式表之后,都可以对其修改。
    查看全部
  • 怎么可以让每一句诗词后面加入一个折行呢?那就可以用到<br />标签了,在需要加回车换行的地方加入<br />,<br />标签作用相当于word文档中的回车。 语法: xhtml1.0写法: <br /> html4.01写法: <br /> 与以前我们学过的标签不一样,<br />标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有<br />、<hr />和。 讲到这里,你是不是有个疑问,想折行还不好说嘛,就像在word文件档或记事本中,在想要折行的前面输入回车不就行了吗?很遗憾,在html中是忽略回车和空格的,你输入的再多回车和空格也是显示不出来的 总结:在html代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入<br />
    查看全部

举报

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

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