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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div>的前面。如下图所示。
    查看全部
  • 标题标签:<h1>标题</h1> 段落标签:<p>段落</p> 图片标签:<img src="1.jpg"> 总结一下,可以这么说,网页中每一个内容在浏览器中的显示,都要存放到各种标签中。 [ 查看全文 ]
    查看全部
    0 采集 收起

    2018-03-22

  • Ta_
    <span></span>标签 可以用来设置文字的单独样式
    查看全部
  • 居中text-align:center;
    查看全部
    0 采集 收起

    2014-12-09

  • <img>标签,为网页插入图片 语法: <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 1、src:标识图像的位置; 2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本; 3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本); 4、图像可以是GIF,PNG,JPEG格式的图像文件。
    查看全部
    0 采集 收起

    2018-03-22

  • 伪类选择符:鼠标划过改变字体的效果(如变色,大写等等)明确的说就是,在出现鼠标指针的时候,出现效果,如加了连接的文字 语法 a:hover{color:red;}网页中带有下划线的字体就会出现变化
    查看全部
  • <a>标签还有一个作用是可以链接Email地址 使用mailto属性,浏览器会自动调用客服端的电子邮件程序并自动填上收件人地址。 邮箱地址:<mailto> 抄送地址:<cc> 密件抄送地址:<bcc> 多个收件人:<;> 邮件主题:<subject> 邮件内容:<body> 如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。 例子:<a href="mailto:yy@qq.com? cc=xx@qq.com & bcc=aa@qq.com & subject=邮件主题 & body=邮件内容">
    查看全部
    0 采集 收起

    2018-03-22

  • 行间距 {line-height:1.5em;}
    查看全部
    0 采集 收起

    2014-12-09

  • 首行缩进两字符 {text-indent:2em;}
    查看全部
    0 采集 收起

    2014-12-09

  • 在新建浏览器窗口中打开链接 <a>标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开。 如下代码: <a href="目标网址" target="_blank">click here!</a>
    查看全部
    0 采集 收起

    2018-03-22

  • 实现超链接,<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> 例如: <a href="http://www.imooc.com" title="点击进入慕课网">click here!</a> title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。
    查看全部
    0 采集 收起

    2018-03-22

  • 删除线 {text-decoration:line-through;}
    查看全部
    0 采集 收起

    2014-12-09

  • 下划线{text-decoration:underline;}
    查看全部
    0 采集 收起

    2014-12-09

  • 斜体 p a{font-style:italic;}
    查看全部
  • 加粗 p span{font-weight:bold;}
    查看全部

举报

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

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