慕课网

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

初识HTML(5)+CSS(3)

最热最新

qq_慕后端1119252

使用<br>标签实现换行效果
语法：
xhtml1.0写法：
<br />
html4.01写法：
<br>

查看全部

0 采集收起来源：写代码都不换行么? - 使用<br>标签实现换行效果
2021-02-03
噬月丶无序
```
<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 的区别这一部分内容属于后端程序员考虑的问题。感兴趣的小伙伴可以查看本小节的 wiki，里面有详细介绍。
查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2023-02-06
噬月丶无序

thead>标签定义表格头部,<tbody>标签来定义表格的内容,<tfoot>来定义表格的底部,
1、<thead>标签表示表格头部,一般放<tr>和<th>标签。
2、<tbody>标签表示表格内容,一般放<tr>和<td>标签。
3、<tfoot>标签标签表格脚部标注,一般放<tr>和<td>标签。

查看全部

0 采集收起来源：使用thead、tbody、tfoot定义表格
2021-02-02
噬月丶无序

创建表格的四个元素：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-02-02
BurstLink

只需要给table添加bordercolor属性就可以给表格添加边框了。
<table border="5"align="center"height="100"width="400"bordercolor="#CC0000">

查看全部

0 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2021-02-02
null_6

创建表格的四个元素：table、tr、th、td
<table></table>:表格以<table>开始，</table>结尾
<tr></tr>：设置表格的行，tr里面只能放td或th标签，一组tr标签表示一行。
<td></td>:表格的一个单元格，一行中包含几对<td></td>,说明一行中就有几列。td同来设置表格的列，一组td标签代表一列。
<th></th>表格的头部的一个单元格，表格表头。用来设置表格的标题，默认会加粗居中显示。
border属性可以为表格添加边框，属性值为数字。
table标签里面可以放caption标签和tr标签。

查看全部

0 采集收起来源：听说你要制定学习计划了-使用table家庭为网页添加表格
2021-02-02
qq_慕雪6128029
```
.food>li{border:1px solid red;}
```
这行代码会使class名为food下的子元素li（水果、蔬菜）加入红色实线边框。
查看全部

0 采集收起来源：捡了一个儿子 - 子选择器
2021-02-02
慕的地6118176

给子元素设置flex占比：
1、给子元素设置flex属性,可以设置子元素相对于父元素的占比。
2、flex属性的值只能是正整数,表示占比多少。
3、给子元素设置了flex之后,其宽度属性会失效。

查看全部

0 采集收起来源：我想占大头 - 给子元素设置flex占比
2021-02-02

慕的地6118176

纵轴排列方式（align-items）：

属性值分别为：

align-items: flex-start | flex-end | center | baseline | stretch;
flex-start：默认值，左对齐
flex-end：交叉轴的终点对齐
 center： 交叉轴的中点对齐
baseline：项目的第一行文字的基线对齐。
stretch（默认值）：如果项目未设置高度或设为auto，将占满整个容器的高度。

查看全部

0 采集收起来源：操作一下竖轴- 使用align-items属性设置纵轴排列方式

2021-02-02

qq_慕后端1119252

<aside>这里是侧边栏</aside>
<header>我是头部标签</header>
<section>我是一个区域，想写啥就写啥</section>
<footer>我是底部标签</footer>

查看全部

0 采集收起来源：正文才是重点喔 - <section>定义区段
2021-02-02
慕虎3479598

<head> </head>标签通常来嵌套<meta> <tltle> <style>等标签。
1. <title> </title>标签内容为网页的标题信息，他会出现在浏览器的标题栏中，网页的title标签用于告诉用户和搜索引擎这个网页主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题，每个网页的内容都是不同的，每个网页都应该有一个独一无二的title标题。
2. <meta charset="UTF-8">设置当前文件字符编码
3. style标签设置当前文件样式

查看全部

1 采集收起来源：小哥,做头么? - 认识head标签
2021-11-10
慕虎3479598

html文档结构
1.首行<!doctype html>文档类型声明，表示该文件为html文件。（声明必须是html文档的第一行，位于<html>前）
2.声明后为<html> </html> 分别位于文档开头声明后和文档结尾，代表包含所有html文档的信息
3.<head> <head>标签包含有关html文档的信息，可以包含一些辅助性标签，如<title> <title>代表文档标题显示于浏览器标题栏；<link/> <meta/>;<style> </style>代表风格可在style标签对中放入需要改变样式的标签名例如： <style> p{color:bule} </style>这样书写p标签里的内容颜色就变成了蓝色。另外<head>标签中除了<title>标签显示在浏览器标题栏，其余标签均不展示给用户。
4.<body> </body>它是html文档的主体部分，此标签内可包含<p> <h1> <br>等众多标签，<body>标签位于<head>头部标签之后并于</html>前闭合（</body>）

查看全部

0 采集收起来源：听说有新版本了? - html5文档结构
2021-02-02
qq_慕后端1119252

在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个<div>标签中，这个<div>标签的作用就相当于一个容器。
语法：
<div>…</div>

查看全部

0 采集收起来源：我还想diy点样式- 使用<div>标签自定义块
2021-02-02

慕的地6118176

横轴排列方式（justify-content）:

属性值分别为：

 justify-content: flex-start | flex-end | center | space-between | space-around;
flex-start：交叉轴的起点对齐
flex-end：右对齐
center： 居中
space-between：两端对齐，项目之间的间隔都相等。
space-around：每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍

查看全部

3 采集收起来源：操作一下横轴- 使用justify-content属性设置横轴排列方式

2021-02-02

qq_慕后端1119252

标题写法<hx>标题文本</hx> (x为1-6)
<body>隔行<h1>一级标题</h1>隔行</body>

查看全部

1 采集收起来源：做个标题党 - 使用<hx>标签为网页增加标题
2021-02-02

首页上一页 319 320 321 322 323 324 325 下一页尾页

0/150

提交

取消

开始学习

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

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

初识HTML(5)+CSS(3)

使用<br>标签实现换行效果