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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 1、src:标识图像的位置; 2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本; 3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本); 4、图像可以是GIF,PNG,JPEG格式的图像文件。
    查看全部
    0 采集 收起

    2018-03-22

  • <a>标签可以链接Email地址,使用mailto可以让访问者便捷地向网站管理员发送邮件。 【mailto:】 邮件地址 【cc=】抄送地址 【bcc=】密件抄送地址 【;】多个收件人、抄送、密件抄送人,用分号隔开 【subject=】邮件主题 【body=】邮件内容 如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。如: <a href="mailto=yy@163.com?cc=yy1@163.com&subject=主题&body=内容">发送</a>
    查看全部
    0 采集 收起

    2018-03-22

  • 使用mailto在网页中链接Email地址。 (1)【mailto:】:功能是邮箱地址。 浏览器会自动调用默认的客户端电子邮件程序(如OutLook),并在收件人框中自动填上收件人的地址。 例子:<a href="mailto:yy@qq.com">发送</a> (2)【cc=】:功能是抄送地址。 在收件人地址后用cc=地址,可以填写抄送地址。 例子: <a href="mailto:yy@qq.com?cc=imoocAdmin@qq.com">发送</a> (3)【bcc=】:功能是密件抄送地址。 在收件人地址后使用bcc=地址,可以填上密件抄送地址。 例子: <a href="mailto:yy@qq.com?bcc=pp@qq.com">发送</a> (4)【;】:功能是多个收件人、抄送、密件抄送人。 用分号隔开多个收件人的地址,可以实现发送给多个收件人功能。 例子: <a href="mailto:yy@qq.com;pp@qq.com">发送</a> (5)【subject=】:功能是邮件主题。 用subject添加邮件主题。 例子: <a href="mailto:yy@qq.com?subject=发送电子邮件">发送</a> (6)【body=】:邮件内容。 用body=添加邮件的内容。 例子: <a href="mailto:yy@qq.com?body=欢迎来到慕课网">发送</a> 注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。
    查看全部
    0 采集 收起

    2018-03-22

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

    2018-03-22

  • 使用<a>标签,链接到别一个页面。 语法: <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更友好)。 例子: <a href="http://www.imooc.com" title="点击进入慕课网">click here!</a>
    查看全部
    0 采集 收起

    2018-03-22

  • caption标签,为表格添加标题和摘要。 <table> <caption>标题文本</caption> <tr> <td>…</td> <td>…</td> … </tr> … </table> 标题用来描述表格内容,标题的显示位置:表格上方。 摘要的内容是不会在浏览器中显示出来的。 语法:<table summary="表格简介文本"> 它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
    查看全部
    0 采集 收起

    2018-03-22

  • <th>…</th>:表格的头部的一个单元格,表格表头。默认为粗体并且居中显示。 <tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。
    查看全部
    0 采集 收起

    2018-03-22

  • 列表 <ul> <li>信息</li> <li>信息</li> ...... </ul> 有序列表 <ol> <li>我的第一个列表信息。</li> <li>我的第一个列表信息。</li> </ol>
    查看全部
    0 采集 收起

    2018-03-22

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

    2018-03-22

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

    2018-03-22

  • <address>标签,为网页加入地址信息。 语法: <address>地址信息</address> 例子:<address>北京市西城区德外大街10号</address>
    查看全部
    0 采集 收起

    2018-03-22

  • 在html代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入<br />。 空标签只需要写一个开始标签,这样的标签有<br />、<hr />和<img />。
    查看全部
  • <blockquote>标签,长文本引用。 语法: <blockquote>引用文本</blockquote> 例子: <blockquote>明月出天山,苍茫云海间。长风几万里,吹度玉门关。汉下白登道,胡窥青海湾。由来征战地,不见有人还。 戍客望边色,思归多苦颜。高楼当此夜,叹息未应闲。</blockquote> 浏览器对<blockquote>标签的解析是缩进样式。
    查看全部
    0 采集 收起

    2018-03-22

  • 加入强调语气,使用<strong>和<em>标签。 语法: <em>需要强调的文本</em> <strong>需要强调的文本</strong> 但两者在强调的语气上有区别: <em> 表示强调,<strong> 表示更强烈的强调。 并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。 两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。
    查看全部
    0 采集 收起

    2018-03-22

  • <q>标签,短文本引用。 语法: <q>引用文本</q> 例子: <p>最初知道庄子,是从一首诗<q>庄生晓梦迷蝴蝶。望帝春心托杜鹃。</q>开始的。 注意:要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。 它的语义:引用别人的话。
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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