慕课网

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

初识HTML(5)+CSS(3)

最热最新

wangsir1059890

弱爆了

查看全部

0 采集收起
2014-11-29
wangsir1059890

form表单中的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
wangsir1059890

使用下拉列表框进行多选下拉列表也可以进行多选操作，在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，进行多选时按下Ctrl键同时进行单击，可以选择多个选项。

查看全部

0 采集收起
2018-03-22
wangsir1059890

使用下拉列表框，节省空间下拉列表在网页中也常会用到，它可以有效的节省网页空间。既可以单选、又可以多选。如下代码：讲解： 1、value： <option value="看书(向服务器提交的值)">看书（显示的值）</option> 2、selected="selected"：设置selected="selected"属性，则该选项就被默认选中

查看全部

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

使用表单标签，与用户交互网站怎样与用户进行交互？答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。语法： <form method="传送的方式" action="服务器文件"> <form method="传送方式" action="服务器文件"> 讲解： 1.<form> ：<form>标签是成对出现的，以<form>开始，以</form>结束。 2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3.method ：数据传送的方式（get/post）。 <form method="post" action="save.php"> <label for="username">用户名:</label> <input type="text" name="username" /> <label for="pass">密码:</label> <input type="password" name="pass" /> </form> 注意: 1、所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在<form></form>标签之间（否则用户输入的信息可提交不到服务器上哦！）。 2、method:post/get的区别 1.在http协议下，安全性（保密性）post要高于get; 2.在http协议下,get一次性只能传输250个字节左右的字符串，而post是不限制的； 3.在http协议下，get传送的是字符串，而post传送的是数据流；

查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2018-03-22
wangsir1059890

认识<img>标签，为网页插入图片 1、src：标识图像的位置； 2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本； 3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)； 4、图像可以是GIF，PNG，JPEG格式的图像文件。

查看全部

0 采集收起
2018-03-22
wangsir1059890

<a href="mailto:yy@imooc.com?subject=观了不起的盖茨有感&body=你好，对此品论有些想法。">对此影评有何感想，发送邮件给我</a> <a href="mailto:yy@imooc.com?subject=主题名称&body=邮件内容">

查看全部

0 采集收起
2018-03-22
wangsir1059890

<a>标签在默认情况下，链接的网页是在当前浏览器窗口中打开，有时我们需要在新的浏览器窗口中打开。如下代码： <a href="目标网址" target="_blank">click here!</a>

查看全部

0 采集收起
2018-03-22
wangsir1059890

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

查看全部

0 采集收起
2018-03-22
wangsir1059890

创建表格的四个元素： 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、表格中列的个数，取决于一行中数据单元格的个数。 7、table表格在没有添加css样式之前，在浏览器中显示是没有表格线的 8、表头，也就是th标签中的文本默认为粗体并且居中显示

查看全部

0 采集收起
2018-03-22
wangsir1059890

<pre>语言代码段</pre> <pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。 <pre> 标签不只是为显示计算机的源代码时用的，在你需要在网页中预显示格式时都可以使用它，只是<pre>标签的一个常见应用就是用来展示计算机的源代码。

查看全部

0 采集收起
2018-03-22
wangsir1059890

使用code标签,可以向网页中添加显示一些计算机专业的编程代码，如下面例子： <code>var i=i+300;</code> 注意：在文章中一般如果要插入多行代码时不能使用<code>标签了。语法：如果是多行代码，可以使用<pre>标签。 <code>代码语言</code>

查看全部

0 采集收起
2018-03-22
wangsir1059890

address标签，为网页加入地址信息一般网页中会有一些地址信息需要在网页中展示出来，这些地址信息如公司的地址就可以<address>标签。语法： <address>地址信息</address> 如： <address>北京市西城区德外大街10号</address> 在浏览器上显示的样式为斜体，如果不喜欢斜体，当然可以，可以在后面的课程中使用css样式来修改它<address>标签的默认样式。

查看全部

0 采集收起
2018-03-22
wangsir1059890

html4.01版本 <hr> xhtml1.0版本 <hr /> 注意： 1. <hr />标签和<br />标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。 2. <hr />标签的在浏览器中的默认样式线条比较粗，颜色为灰色，可能有些人觉得这种样式不美观，没有关系，这些外在样式在我们以后学习了css样式表之后，都可以对其修改。

查看全部

0 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2018-03-22
wangsir1059890

xhtml1.0写法： <br /> html4.01写法： <br> 与以前我们学过的标签不一样，<br />标签是一个空标签，没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有<br />、<hr />和<img />(自闭符)。讲到这里，你是不是有个疑问，想折行还不好说嘛，就像在word文件档或记事本中，在想要折行的前面输入回车不就行了吗？很遗憾，在html中是忽略回车和空格的，你输入的再多回车和空格也是显示不出来的。

查看全部

0 采集收起来源：写代码都不换行么? - 使用<br>标签实现换行效果
2018-03-22

首页上一页 27473 27474 27475 27476 27477 27478 27479 下一页尾页

0/150

提交

取消

开始学习

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

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