慕课网

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

初识HTML(5)+CSS(3)

最热最新

慕勒1208861

html大标签
headl里面有title
body可含h、p

meta charset="UTF-8"

查看全部

0 采集收起来源：你就是馋人家的身子 - 认识body标签
2021-10-11
weixin_慕前端4204132

语法：
<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 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2021-10-10
weixin_慕前端4204132

<form>
姓名：
<input type="text" name="myName">
<br/>
密码：
<input type="password" name="pass">
</form>

查看全部

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

注意这两个属性可用css样式的width和height来代替：cols用width、rows 用height来代替

查看全部

0 采集收起来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域
2021-10-09
噗bang

外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内，如下面代码：
<link href="base.css" rel="stylesheet" type="text/css" />
注意：
1、css样式文件名称以有意义的英文字母命名，如 main.css。
2、rel="stylesheet" type="text/css" 是固定写法不可修改。
3、<link>标签位置一般写在<head>标签之内。

查看全部

0 采集收起来源：还是把html和css分开吧 - 外部式css样式
2021-10-09
噗bang

嵌入式css样式，就是可以把css样式代码写在<style type="text/css"></style>标签之间。如下面代码实现把三个<span>标签中的文字设置为红色：
<style type="text/css">
span{
color:red;
}
</style>
嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间。

查看全部

0 采集收起来源：换个地方吧,行内太挤了 - 嵌入式css样式
2021-10-09
噗bang

CSS样式可以写在哪些地方呢？从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。这一小节先来讲解内联式。
内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码：
<p >这里文字是红色。</p>
注意要写在元素的开始标签里，下面这种写法是错误的：
<p>这里文字是红色。</p >
并且css样式代码要写在双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开。如下代码：
<p >这里文字是红色。</p>

查看全部

0 采集收起来源：既然那么好,那就引入css吧 - 内联式css样式
2021-10-09
噗bang

css 样式由选择符和声明组成，而声明又由属性和值组成，如下图所示：
选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。
声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔，如下所示：
p{font-size:12px;color:red;}
注意：
1、最后一条声明可以没有分号，但是为了以后修改方便，一般也加上分号。
2、为了使用样式更加容易阅读，可以将每条代码写在一个新行内，如下所示：
p{
font-size:12px;
color:red;
}

查看全部

0 采集收起来源：瞧瞧css的庐山真面目吧 - CSS代码语法
2021-10-09
噗bang

第一步：把这三个短语用<span></span>括起来。（见右边代码编辑器15行）
第二步：写入下列代码：（见右边代码编辑器8-10行）
span{
color:red;
}
观察结果窗口文字的颜色是否变为红色了。

查看全部

0 采集收起来源：为什么是css呢? - CSS样式的优势
2021-10-09
噗bang

文章的段落用<p>标签，那么文章的标题用什么标签呢？在本节我们将使用<hx>标签来制作文章的标题。
标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。
语法：
<hx>标题文本</hx> (x为1-6)

查看全部

0 采集收起来源：做个标题党 - 使用<hx>标签为网页增加标题
2021-10-09
weixin_慕仙2466657

创建表格的四个元素：table、tr、th、td
1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。
2、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
3、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
4、<th>…</th>：表格的头部的一个单元格，表格表头。
5、表格中列的个数，取决于一行中数据单元格的个数。
6、border属性可以为表格添加边框，属性值为数字。
注意：
1、table标签用来定义整个表格，为双标签，必须有结束标签。
2、table标签里面可以放caption标签和tr标签。
3、caption标签用来定义表格的标题。
4、tr标签用来设置表格的行，tr里面只能放th或者td标签，一组tr标签代表一行。
5、th用来设置表格的标题，会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。
6、td同来设置表格的列，一组td标签代表一列。
7、table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的。

查看全部

0 采集收起来源：听说你要制定学习计划了-使用table家庭为网页添加表格
2021-10-09
慕盖茨5027689

1.<title></title>之间的文字就是这个网页的标题，即你浏览网页时浏览器顶部每个网页标签条里显示的文字。

2.<head></head>一般是引入该网页中使用的各种CSS样式表，js库等，也可以在里面定义CSS样式或者编写js等。。。你可以理解成其他语言里的引入头文件。

查看全部

0 采集收起来源：在家呆多少天啦? - 数字输入框
2021-10-08
慕盖茨5027689

1、placeholder属性为输入框占位符,里面可以放提示的输入信息。

2、placeholder属性的值可以任意填写,当输入框输入内容时,占位符内容消失,输入框无内容时,占位符内容显示。

3、占位符内容不是输入框真正的内容。

查看全部

0 采集收起来源：给点提示呗 - placeholder属性的使用
2021-10-08
慕盖茨5027689

1.input的type属性设置为number,则表示该输入框的类型为数字

2、数字框只能输入数字，输入其他字符无效。

3、数字框最右侧会有一个加减符号,可以调整输入数字的大小,不同浏览器表现不一致

查看全部

0 采集收起来源：在家呆多少天啦? - 数字输入框
2021-10-08
慕圣5259753
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>制作我的第一个网页</title>
</head>
hello world

<body>
</body>

</html>
查看全部

0 采集收起来源：代码初体验，制作我的第一个网页
2021-10-08

首页上一页 179 180 181 182 183 184 185 下一页尾页

0/150

提交

取消

开始学习

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

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