慕课网

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

初识HTML(5)+CSS(3)

最热最新

Mr_zhang

font-weight:bold;加粗； font-style：italic;斜体； text-decoration:underline;加下划线； text-decoration:line-through;删除线； p{text-indent:2em;} 2em的意思就是文字的2倍大小。就是相当于每段开头的两个空格. p{line-height:2em;}为段落设置行间距为2em.行和行的距离 h{letter-spacing:50px;字和字字母和字母的距离；word-spacing:50px;单词和单词的距离}都为50px， text-align:字母和图片位置调制 c

查看全部

0 采集收起
2014-10-24
cherishs碎姑娘

<form action="save.php" method="post" > <label>爱好:</label> <select> <option value="看书">看书</option> <option value="旅游" selected="selected">旅游</option> （默认选中） <option value="运动">运动</option> <option value="购物">购物</option> </select> </form> </body> 下拉列表~

查看全部

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

使用单选框、复选框，让用户选择语法： <input type="radio/checkbox" value="值" name="名称" /> 注意:同一组的单选按钮，name取值一定要一致，比如上面例子为同一个名称“sex”，这样同一组的单选按钮才可以起到单选的作用。

查看全部

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

文本域，支持多行文本输入当用户需要在表单中输入大段文字时，需要用到文本输入域。语法： <textarea rows="行数" cols="列数">文本</textarea> 1、<textarea>标签是成对出现的，以<textarea>开始，以</textarea>结束。 2、cols ：多行输入域的列数。 3、rows ：多行输入域的行数。 4、在<textarea></textarea>标签之间可以输入默认值。

查看全部

0 采集收起来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域
2018-03-22
Mr_zhang

!important

查看全部

0 采集收起来源：为所欲为 - 选择器最高层级!important
2014-10-24
cherishs碎姑娘

<form> <input type="text/password" name="名称" value="文本" /> </form>

查看全部

0 采集收起来源：先来填用户名和密码 - 文本输入框、密码输入框
2018-03-22
cherishs碎姑娘

网站是使用HTML表单(form)与用户进行交互。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。语法： <form method="传送方式" action="服务器文件"> 讲解： 1.<form> ：<form>标签是成对出现的，以<form>开始，以</form>结束。 2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3.method ：数据传送的方式（get/post）。 <form method="post" action="save.php">

查看全部

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

<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

查看全部

0 采集收起
2018-03-22
cherishs碎姑娘

target和网址之间要有空格 <a href="目标网址" target ="_blank">click here!</a>

查看全部

0 采集收起
2018-03-22
cherishs碎姑娘

<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>

查看全部

0 采集收起
2018-03-22
cherishs碎姑娘

<table> <caption>标题文本</caption> <tr> <td>…</td> <td>…</td> … </tr> … </table>

查看全部

0 采集收起
2018-03-22
cherishs碎姑娘

在右侧代码编辑器中添加如下代码： <style type="text/css"> table tr td,th{border:1px solid #000;} </style> 上述代码是用css样式代码（后面章节会详细讲解），为th，td单元格添加粗细为一个象素的黑色边框。

查看全部

0 采集收起
2018-03-22
cherishs碎姑娘

3、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。 4、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。 5、<th>…</th>：表格的头部的一个单元格，表格表头。 6、表格中列的个数，取决于一行中数据单元格的个数。

查看全部

0 采集收起
2018-03-22
cherishs碎姑娘

<ol> <li>前端开发面试心法 </li> <li>零基础学习html</li> <li>JavaScript全攻略</li> </ol> 有序列表

查看全部

0 采集收起
2018-03-22
cherishs碎姑娘

<ul> <li>精彩少年</li> <li>美丽突然出现</li> <li>触动心灵的旋律</li> </ul> 无序列表~

查看全部

0 采集收起
2018-03-22

首页上一页 27963 27964 27965 27966 27967 27968 27969 下一页尾页

0/150

提交

取消

开始学习

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

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