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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 每一条css样式声明(定义)由两部分组成,形式如下: 选择器{ 样式; }
    查看全部
  • <a>标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开。 如下代码: <a href="目标网址" target="_blank">click here!</a>
    查看全部
    0 采集 收起

    2018-03-22

  • label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。 <label for="male">男</label> <input type="radio" name="sex" id="male" /> <br /> <label for="female">女</label> <input type="radio" name="sex" id="female" /> <br /> <br /> 你对什么运动感兴趣: <br/> <label for="慢跑">慢跑</label> <input type="checkbox" id="慢跑"><br /> <label for="登山">登山</label> <input type="checkbox" id="登山"><br /> <label for="篮球">篮球</label> <input type="checkbox" id="篮球"><br /> <br /> <label for="email">输入你的邮箱地址</label> <input type="email" id="email" placeholder="Enter email">
    查看全部
  • 在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,在 widows 操作系统下,进行多选时按下Ctrl键同时进行单击可以选择多个选项。 <select multiple="multiple"> <option value="看书">看书</option> <option value="旅游">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select>
    查看全部
    0 采集 收起

    2018-03-22

  • 1. Table表格在没有添加css样式之前,是没有边框的。 2. <style type="text/css"> table tr td,th{border:1px solid #000;} </style>
    查看全部
    0 采集 收起

    2018-03-22

  • checked:当设置 checked="checked" 时,该选项被默认选中
    查看全部
  • 嵌入式css样式,就是可以把css样式代码写在<style type="text/css"></style>标签之间。如下面代码实现把三个<span>标签中的文字设置为红色: <style type="text/css"> span{ color:red; } </style>
    查看全部
    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>,说明一行中就有几列。 table标签---认识网页上的表格 有时候我们需要在网页上展示一些数据,如某公司想在网页上展示公司的库存清单。如下表: 想在网页上展示上述表格效果可以使用以下代码: 创建表格的四个元素: 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、表格中列的个数,取决于一行中数据单元格的个数。
    查看全部
    0 采集 收起

    2018-03-22

  • 并且css样式代码要写在双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。如下代码: <p >这里文字是红色。</p>
    查看全部
    0 采集 收起

    2018-03-22

  • 使用<a>标签可实现超链接 <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> 在新建浏览器窗口中打开链接 <a href="目标网址" target="_blank">click here!</a>
    查看全部
    0 采集 收起

    2018-03-22

  • HTML: 在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。 对<em>、<strong>、<span>这三个标签进行一下总结: 1. <em>和<strong>标签是为了强调一段话中的关键字时使用,它们的语义是强调。 2. <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。 想在你的html中加一段引用吗?比如在你的网页的文章里想引用某个作家的一句诗,这样会使你的文章更加出彩,那么<q>标签是你所需要的。 2. 注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。 <blockquote>的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。 不要忘记<q>标签是对简短文本的引用,比如说引用一句话就用到<q>标签。 空格: 分号不能少 换行:<br/> 一般网页中会有一些地址信息需要在网页中展示出来,这些地址信息如公司的地址就可以<address>标签。 语法: <address>地址信息</address> 在介绍语言技术的网站中,必免不了在网页中显示一些计算机专业的编程代码,当代码为一行代码时,你就可以使用<code>标签了,如下面例子: <code>var i=i+300;</code> 注意:在文章中一般如果要插入多行代码时不能使用<code>标签了。 如果是多行代码,可以使用<pre>标签
    查看全部
    0 采集 收起

    2018-03-22

  • css继承性,我自己理解为作用域 为p标签设置字体颜色p{color:red},即p标签包括的所有字体都会设置为red,作用域是整个段落,段落里的子标签自然也会遵从颜色设定;同样字体大小的设定,也是整个段落的文字; 为p标签设置边框p{border:1px solid green},作用域仍然是整个段落,为p段落设置了边框,而段落里的某个子标签自然不会在作用域里;
    查看全部
  • 当代码为一行代码时,你就可以使用<code>标签了 注意:在文章中一般如果要插入多行代码时不能使用<code>标签了。 注:如果是多行代码,可以使用<pre>标签。
    查看全部
    0 采集 收起

    2018-03-22

  • 加一些用于分隔的横线<hr/> 换行<br/>
    查看全部
  • 长文本引入也不需要双引号
    查看全部
    0 采集 收起

    2015-02-12

举报

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

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