慕课网

精品课程初识HTML(5)+CSS(3)

初识HTML(5)+CSS(3)

最热最新

流浪的花



查看全部

0 采集收起来源：解释不等于掩饰- html文件注释
2018-03-22
流浪的花

<head> <title>...</title> <meta> <link> <style>...</style> <script>...</script> </head>

查看全部

0 采集收起来源：小哥,做头么? - 认识head标签
2018-03-22
流浪的花

1. <html></html>称为根标签，所有的网页标签都在<html></html>中。 2. <head> 标签用于定义文档的头部，它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签，头部标签在下一小节中会有详细介绍。 3. 在<body>和</body>标签之间的内容是网页的主要内容，如<h1>、<p>、<a>、<img>等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。

查看全部

0 采集收起来源：听说有新版本了? - html5文档结构
2018-03-22
随遇而安丨

form表单中的label标签小伙伴们，你们在前面学习表单各种控件的时候，有没有发现一个标签--label，这一小节就来揭晓它的作用。 label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。语法： <label for="控件id名称"> 注意：标签的 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>

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2018-03-22
986850999

语法： <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> 例如： <a href="http://www.imooc.com" title="点击进入慕课网">click here!</a> 上面例子作用是单击click here!文字，网页链接到http://www.imooc.com这个网页。

查看全部

0 采集收起
2018-03-22
986850999

1.caption标签，为表格添加标题和摘要 2.摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。 3. 语法：<table summary="表格简介文本"> 4.<table>

查看全部

0 采集收起
2018-03-22
Carson_成

使用position:absolute可以实现被设置元素相对于浏览器（body）设置定位以后，也可以相对于其它元素进行定位。使用position:relative来帮忙，但是必须遵守下面规范： 1、参照定位的元素必须是相对定位元素的前辈元素： <div id="box1"> <div id="box2">相对参照元素进行定位</div> </div> 从上面代码可以看出box1是box2的父元素（父元素当然也是前辈元素了）。 2、参照定位的元素必须加入position:relative; #box1{ width:200px; height:200px; position:relative; } 3、定位元素加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了。 #box2{ position:absolute; top:20px; left:30px; } 这样box2就可以相对于父元素box1定位了（这里注意参照物就可以不是浏览器了，而可以自由设置了）。

查看全部

0 采集收起来源：Relative与Absolute组合使用
2018-03-22
随遇而安丨

语法： <input type="reset" value="重置"> type：只有当type值设置为reset时，按钮才有重置作用 value：按钮上显示的文字

查看全部

0 采集收起来源：使用重置按钮，重置表单信息
2018-03-22
986850999

1.caption标签，为表格添加标题和摘要 2.摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。 3. 语法：<table summary="表格简介文本"> 4.<table> <caption>标题文本</caption> <tr> <td>…</td> <td>…</td> … </tr> … </table>

查看全部

0 采集收起
2018-03-22
随遇而安丨

<input type="submit" value="提交"> type：只有当type值设置为submit时，按钮才有提交作用 value：按钮上显示的文字

查看全部

0 采集收起来源：填完就可以提交咯 - 提交按钮
2018-03-22
随遇而安丨

下拉列表也可以进行多选操作，在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，在 widows 操作系统下，进行多选时按下Ctrl键同时进行单击（在 Mac下使用 Command +单击）

查看全部

0 采集收起
2018-03-22
Transformation

元素分类--内联块状元素内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点，代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增)，<img>、<input>标签就是这种内联块状标签。 inline-block元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度、行高以及顶和底边距都可设置。

查看全部

0 采集收起来源：我还要站个大位置 - 内联块状元素
2018-03-22
986850999

<style type="text/css"> table tr td,th{border:1px solid #000;} </style>

查看全部

0 采集收起
2018-03-22
随遇而安丨

下拉列表框的制作 1.<option value='提交值'>选项</option>，其中“提交值”是向服务器提交值，选项是显示的值。 2.selected="selected"：设置selected="selected"属性，则该选项就被默认选中。 3.语法：<form action="save.php" method="post">

查看全部

0 采集收起来源：使用select、option标签创建下拉菜单
2018-03-22
随遇而安丨

语法： <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1、type: 当 type="radio" 时，控件为单选框当 type="checkbox" 时，控件为复选框 2、value：提交数据到服务器的值（后台程序PHP使用） 3、name：为控件命名，以备后台程序 ASP、PHP 使用 4、checked：当设置 checked="checked" 时，该选项被默认选中

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2018-03-22

首页上一页 26466 26467 26468 26469 26470 26471 26472 下一页尾页

0/150

提交

取消

开始学习

课程须知: 没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。

老师告诉你能学到什么？: 本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识，可以利用HTML(5)、CSS(3)样式技术制作出简单页面。