慕课网

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

初识HTML(5)+CSS(3)

最热最新

weixin_慕婉清7410034

<span>是附加作用，它可以改变这个位置的字体颜色和大小。
比如你想为一个段落中的几个字添加颜色，就可以给它添加span标签：<span style:color:red>XXXXX</span>

查看全部

0 采集收起来源：你就是馋人家的身子 - 认识body标签
2021-11-02
weixin_慕婉清7410034
1. <!DOCTYPE html>:文档类型声明
2. <html></html>标签对：这两个标签对成对存在，中间的部分是文档的头部和主题。
3. <head></head>标签对：标签包含有关HTML文档的信息，可以包含一些辅助性标签。
4. <body></body>标签对：<body>标签出现在</head>标签之后，且必须在闭标签</html>之前闭合。
查看全部

0 采集收起来源：听说有新版本了? - html5文档结构
2021-11-02
weixin_慕婉清7410034

<div> 可定义文档中的分区或节（division/section）

查看全部

0 采集收起来源：使用说明书 - 标签的语法
2021-11-02
weixin_慕婉清7410034

font-size:12px;
这个代码控制文字的大小,，
现在的意思是第12号大小的文字，12px的12可以自由变换，如15,23,64等等。color:#930;
这个代码控制文字的颜色，现在的代码意思是第930号颜色，
#930的930可以自由变换，如854,624,387等等。
text-align:center;
这个代码控制文字的位置，现在的文字位置是居中，
可以变换成left（左边）或right（右边）等等。

查看全部

0 采集收起来源：佛靠金装，人靠衣装 - html和css的关系
2021-11-02
非邑P

使用select、option标签创建下拉菜单
下拉列表在网页中也常会用到，它可以有效的节省网页空间。既可以单选、又可以多选。如下代码：
讲解：
1、select和option标签都是双标签，它总是成对出现的，需要首标签和尾标签。
2、select标签里面只能放option标签，表示下拉列表的选项。
3、option标签放选项内容，不放置其他标签。
4、value：
5、selected="selected"：
设置selected="selected"属性，则该选项就被默认选中。
在浏览器中显示的结果：

查看全部

0 采集收起来源：使用select、option标签创建下拉菜单
2021-11-02
非邑P
- 你可以从这里开始写笔记
- 支持「快捷键截图」后直接粘贴
- enjoy ～
使用label为input标签穿上衣服
小伙伴们，你们在前面学习表单各种控件的时候，有没有发现一个标签--label，这一小节就来揭晓它的作用。
label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。
语法：
```
<label for="控件id名称">
```
注意：标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
例子：
```
<form
  <label >输入你的邮箱地址</label>
  <input type="email"  placeholder="Enter email">
</form>
```
查看全部

0 采集收起来源：使用label为input标签穿上衣服
2021-11-02
非邑P
使用表单标签，与用户交互 - 使用<form>创建表单

网站怎样与用户进行交互？答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。
语法：
```
<form   method="传送方式"   action="服务器文件">
```
讲解：
1.<form> ：<form>标签是成对出现的，以<form>开始，以</form>结束。
2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
3.method ：数据传送的方式（get/post）。
```
<form    >
        <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 的区别这一部分内容属于后端程序员考虑的问题。感兴趣的小伙伴可以查看本小节的 wiki，里面有详细介绍。
查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2021-11-02
慕莱坞1329613

HTML+CSS课堂。web的前端开发团队。
html网页，HELLO
world字符串

查看全部

0 采集收起来源：代码初体验，制作我的第一个网页
2021-11-01
永远喜欢my

<title>标签之间的文字内容是网页的标题信息，出现在浏览器的标题栏中
<meta charset="UTF-8">设置当前文件字符编码

查看全部

0 采集收起来源：小哥,做头么? - 认识head标签
2021-11-01
永远喜欢my

<!DOCTYPE html>是文档声明类型 <!DOCTYPE>必须是文档的第一行
<html>标签中间是文档的头部和主题
<head>标签包含有关HTML文档的信息
<body>标签包含文档的主体部分

查看全部

0 采集收起来源：听说有新版本了? - html5文档结构
2021-11-01
永远喜欢my

html中的标签是成对出现的结束标签比开始标签多一个/
标签与标签之间是可以嵌套的，但先后顺序要保持一致
标签不分大小写，一般以小写为主

查看全部

0 采集收起来源：使用说明书 - 标签的语法
2021-11-01
慕数据7396508

CSS注释: /*注释语句*/
Html注释： 

查看全部

0 采集收起来源：听我再解释解释 - CSS注释代码
2021-11-01
Zoicoek

可以用text输入框代替URL输入框？后面再加个判断条件是指向网址还是文本？

查看全部

0 采集收起来源：平时都逛论坛么? - 网址输入框
2021-10-31
叙利亚小丑

创建表格的四个元素：table、tr、th、td
1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。
2、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
3、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
4、<th>…</th>：表格的头部的一个单元格，表格表头。
5、表格中列的个数，取决于一行中数据单元格的个数。
6、border属性可以为表格添加边框，属性值为数字。

查看全部

0 采集收起来源：听说你要制定学习计划了-使用table家庭为网页添加表格
2021-10-31
偶尔平凡

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>表单标签</title>

<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">

</head>

<body>

<form method="post" action="test2.html">

<label for="username">用户名:</label>

<input type="text" name="username" id="username" value="" />
<br>

<label for="pass">密   码:</label>

<input type="password" name="pass" id="pass" value="" />

<i class="fa fa-eye" onclick="showhide()" id="eye"></i>

<input type="submit" value="确定" name="submit" />

<input type="reset" value="重置" name="reset" />

</form>

</body>

<script type="text/javascript">

var a=document.getElementById("eye");

var b=document.getElementById("pass");

function showhide(){

if(b.type=="password"){

b.type='text';

a.className='fa fa-eye-slash'

}else{

b.type='password';

a.className='fa fa-eye'

}

}

</script>

</html>

查看全部

0 采集收起来源：先来填用户名和密码 - 文本输入框、密码输入框
2021-10-31