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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 外部式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>标签之内。
    查看全部
    0 采集 收起

    2018-03-22

  • 1.html是网页内容的载体 2.css样式是表现 3.javascript是用来实现网页上的特效效果
    查看全部
  • 注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。 例子: <form> <label for="male">男</label> <input type="radio" name="sex" id="male" /> <br /> <label for="female">女</label> <input type="radio" name="sex" id="female" /> <label for="email">输入你的邮箱地址</label> <input type="email" id="email" placeholder="Enter email"> </form>
    查看全部
  • 注意:同一组的单选按钮,name 取值一定要一致,比如上面例子为同一个名称“radioLove”,这样同一组的单选按钮才可以起到单选的作用。
    查看全部
  • 1.在网页上要展示出来的页面内容一定要放在body标签中。 2.<em></em> 斜体 <strong></strong> 粗体 <span> 来组合行内元素,以便通过样式来格式化它们。 注释:span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。 <span>美国梦</span> 这个标签没有设置效果。后面用css样式可以给span标签设置css样式,就是相当与给“美国梦”这三个字来设置样式
    查看全部
    1 采集 收起

    2018-03-22

  • 标签的用途:语义化:明白每个标签的用途(在什么情况下我可以使用这个标签才合理 好处: 1. 更容易被搜索引擎收录。 2. 更容易让屏幕阅读器读出网页内容。 在本章节会带领大家学习了解html中每个标签的语义(用途)。 [ 查看全文 ]
    查看全部
    0 采集 收起

    2015-01-25

  • html:文字、图片、视频 css:字体,颜色,背景,边框 JS:特效
    查看全部
  • <em>和<strong>在强调的语气上有区别:<em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。
    查看全部
    0 采集 收起

    2018-03-22

  • <blockquote>意思是引用别人的长文本。 浏览器对<blockquote>标签的解析是缩进样式。
    查看全部
    0 采集 收起

    2018-03-22

  • <br />是一个空标签,/前加空格,尽量不要写成<br>
    查看全部
  • 一般网页中会有一些地址信息需要在网页中展示出来,这些地址信息如公司的地址就可以用<address>标签。
    查看全部
    0 采集 收起

    2018-03-22

  • 不同于<code>只能属于一段代码,<pre>可以为网页加入大段代码;标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
    查看全部
    0 采集 收起

    2018-03-22

  • 在<table>标签中,摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)。 如<table summary="表格简介文本">...</table> <caption>用以描述表格内容,标题的显示位置:表格上方。 如<table><caption>...</caption>...</table>
    查看全部
    0 采集 收起

    2018-03-22

  • table、tbody、tr、th、td 1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束; 2、<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码; 3、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行; 4、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列; 5、<th>…</th>:表格的头部的一个单元格,表格表头; 6、表格中列的个数,取决于一行中数据单元格的个数; 总结: 1、table表格在没有添加css样式之前,在浏览器中显示是没有表格线的; 2、表头,也就是th标签中的文本默认为粗体并且居中显示。
    查看全部
    0 采集 收起

    2018-03-22

  • 了解HTML的代码注释 什么是代码注释?代码注释是帮助程序员标注代码的作用,过一段时间后再看你所编写的代码,就能很快想起这段代码的作用。代码注释不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码。 语法: <!--注释文字 --> 如:右边编辑器的代码的第7、11行都是,但是你会发现注释代码是不会在结果窗口中显示出来的。
    查看全部

举报

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

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