慕课网

初识HTML(5)+CSS(3)-升级版

最热最新

AppMan

html5文档结构

<!DOCTYPE html> <!-- 声明文档类型为html5，声明必须是文档的第一行 -->
<html> <!-- html标签为html文件的根标签 -->
    <!-- 中间部分为文档的头部和主题 -->
    <head> <!-- head标签为头部标签，一般用于防止mate和title标签等 -->
        <!-- 可以包含一些辅助性标签如：<mate><title><link><style><script>等 -->
        <meta charset="UTF-8"> <!-- 声明当前文件字符集编码为UTF-8 -->
        <title>html文档结构</title> <!-- title标签设置浏览器标题 -->
    </head>
    <body> <!-- body标签为网页的内容 -->
        <!-- 此标签中可以包含<p>、<h1>、<br>等众多标签 -->
        <h1>此标签中可以包含&lt;p&gt;、&lt;h1&gt;、&lt;br&gt;等众多标签</h1>
    </body>
</html>

查看全部

0 采集收起来源：听说有新版本了? - html5文档结构

2023-08-08

weixin_慕雪1363215

不设置width宽度时默认为全部。

查看全部

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

<hr/>和<br/>一样都是空标签只有开头没有结尾

查看全部

0 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2023-07-25
weixin_慕雪1363215

类选择器、选择器、id选择器。

查看全部

0 采集收起来源：给选择器分个组 - 分组选择器
2023-07-25
weixin_慕雪1363215

<a href="http://www.imooc.com">胆小如鼠</a>为跳转网址，见5-3章节

查看全部

0 采集收起来源：伪装者 - 伪类选择器
2023-07-25
缇提

我们表格第一行为表头数据,我们用<thead>标签包裹,中间的科目和分数为表格的主体内容,我们用<tbody>标签包裹,最后的总分我们用<tfoot>标签包裹。
1、<thead> 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。
2、<tbody>…</tbody>：如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。（通俗理解table 可以按结构一块块的显示，不在等整个表格加载完后显示。）
3、<tfoot> 元素用于对 HTML 表格中的表注（页脚）内容进行分组。
4、thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时，您也许希望拥有一个标题行，一些带有数据的行，以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张页面上。

查看全部

0 采集收起来源：使用thead、tbody、tfoot定义表格
2023-07-25
缇提

创建表格的四个元素：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家庭为网页添加表格
2023-07-25
weixin_慕雪1363215

用户交互

查看全部

0 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2023-07-24
慕仰4549839

1、border-style（边框样式）常见样式有：
dashed（虚线）| dotted（点线）| solid（实线）。

2、border-color（边框颜色）中的颜色可设置为十六进制颜色，如:
border-color:#888;//前面的井号不要忘掉。

3、border-width（边框宽度）中的宽度也可以设置为：
thin | medium | thick（但不是很常用），最常还是用像素（px）。

查看全部

0 采集收起来源：画个圈圈 - 使用border为盒子添加边框（一）
2023-07-20
慕仰4549839

在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。
常用的块状元素有：
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
常用的内联元素有：
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常用的内联块状元素有：
<img>、<input>

查看全部

0 采集收起来源：给元素分个类 - 元素分类
2023-07-20
慕码人3123753

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

查看全部

0 采集收起来源：使用thead、tbody、tfoot定义表格
2023-07-11
慕码人3123753

1、超链接：<a href="目标网址">链接显示的文本</a>

查看全部

0 采集收起来源：百度一下,你就知道 - 使用<a>标签为网页添加超链接
2023-07-11
幕布斯8257576

我的笔记

查看全部

0 采集收起来源：代码初体验，制作我的第一个网页
2023-07-07
weixin_慕仰9286394

使用select、option标签创建下拉菜单
select标签里面只能放option标签，表示下拉列表的选项。(option标签放选项内容，不放置其他标签。)
设置selected="selected"属性，则该选项就被默认选中。

查看全部

0 采集收起来源：使用select、option标签创建下拉菜单
2023-07-07
weixin_慕仰9286394

填填性别和兴趣爱好 - 单选框、复选框，让用户选择
语法：
<input type="radio/checkbox" value="值" name="名称" checked="checked"/>
当 type="radio" 时，控件为单选框
当 type="checkbox" 时，控件为复选框

checked：当设置 checked="checked" 时，该选项被默认选中

例：

查看全部

0 采集收起来源：填填性别和兴趣爱好 - 单选框、复选框，让用户选择
2023-07-07

首页上一页 33 34 35 36 37 38 39 下一页尾页

0/150

提交

取消

开始学习

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

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