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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • @HTML/CSS——第1章Html介绍——标签的语法 1. 标签由英文尖括号<和>括起来,如<html>就是一个标签。 2. html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个/。 如: (1) <p></p> (2) <div></div> (3) <span></span> 3. 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div>的前面。 4. HTML标签不区分大小写,<h1>和<H1>是一样的,但【建议小写】,因为大部分程序员都以小写为准。
    查看全部
  • padding和margin的区别,padding在边框里,margin在边框外。
    查看全部
  • <a>标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开。 <a href="目标网址" target="_blank">click here!</a>
    查看全部
    0 采集 收起

    2018-03-22

  • @HTML/CSS——第1章Html介绍——初认识html标签 一、简单的认识 1、<h1></h1>就是标题标签 2、<p></p>是段落标签 3、图片是由img标签来完成的,它在网页上的代码写成<img src="1.jpg"> 二、总结一下,可以这么说,网页中每一个内容在浏览器中的显示,都要存放到各种标签中。
    查看全部
    0 采集 收起

    2018-03-22

  • 使用mailto在网页中链接Email地址 <a>标签还有一个作用是可以链接Email地址,使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。下面一一进行讲解,请看详细图示: 注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。
    查看全部
    0 采集 收起

    2018-03-22

  • 外部式css样式,写在单独的一个文件中 外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内,如下面代码: <link href="base.css" rel="stylesheet" type="text/css" /> 注意: 1、css样式文件名称以有意义的英文字母命名,如 main.css。 2、rel="stylesheet" type="text/css" 是固定写法不可修改。 3、<link>标签位置一般写在<head>标签之内。 <link href="base.css" rel="stylesheet" type="text/css" />
    查看全部
    0 采集 收起

    2018-03-22

  • <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更友好)
    查看全部
    0 采集 收起

    2018-03-22

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

    2018-03-22

  • <!-理解下宽带自适应 -> <style type="text/css"> #box1{ width:300px;/*设定内容的宽度*/ height:100px; } #box2{ width:auto;/*自适应宽度,可以注释*/ height:100px; } } </style>
    查看全部
  • @HTML/CSS——第1章Html介绍——Html和CSS的关系 1. HTML是网页【内容的载体】。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 2. CSS样式是表现。就像【网页的外衣】。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,【有动画的,有交互的】一般都是用JavaScript来实现的。 ***个人理解:Html是人的身体,CSS是人穿的衣服,JavaScript是人的动作行为
    查看全部
  • 在新建浏览器窗口中打开链接 <a>标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开。 如下代码: <a href="目标网址" target="_blank">click here!</a>
    查看全部
    0 采集 收起

    2018-03-22

  • <!-盒子模型的外边框 margin:v.加边于. -> <style > #HelloWorld{margin-bottom:30px;} </style>
    查看全部
  • 就像在Html的注释一样,在CSS中也有注释语句:用/*注释语句*/来标明(Html中使用<!--注释语句-->)。就像下面代码:
    查看全部
  • div{ width:200px; height:200px; border:2px red solid; position:absolute; left:100px; top:50px; } <div id="div1"></div>
    查看全部
  • 使用<a>标签,链接到别一个页面 使用<a>标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。 语法: <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> 例如: <a href="http://www.imooc.com" title="点击进入慕课网">click here!</a> 上面例子作用是单击click here!文字,网页链接到http://www.imooc.com这个网页。 title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更友好),如右侧案例代码(8-12行)。 注意:还有一个有趣的现象不知道小伙伴们发现了没有,只要为文本加入a标签后,文字的颜色就会自动变为蓝色(被点击过的文本颜色为紫色),颜色很难看吧,不过没有关系后面我们学习了css样子就可以设置过来(a{color:#000}),后面会详细讲解。
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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