慕课网

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

初识HTML(5)+CSS(3)

最热最新

小四文

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>使用thead、tbody、tfoot标签</title>
</head>

<body>
    <table border>
        <thead>
            <tr>
                <th>科目</th>
                <th>分数</th>
            </tr>
        </thead>
        
        <tbody>
            <tr>
                <td>语文</td>
                <td>99</td>
            </tr>
            <tr>
                <td>数学</td>
                <td>60</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>总分</td>
                <td>159</td>
            </tr>
        </tfoot>
    </table>
    
</body>

</html>

查看全部

0 采集收起来源：使用thead、tbody、tfoot定义表格

2022-06-10

小四文

<thead>标签定义表格头部,
<tbody>标签来定义表格的内容,
<tfoot>来定义表格的底部

表格第一行为表头数据,我们用<thead>标签包裹,
中间的科目和分数为表格的主体内容,我们用<tbody>标签包裹,
最后的总分我们用<tfoot>标签包裹。

1、<thead> 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。
2、<tbody>…</tbody>：如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。（通俗理解table 可以按结构一块块的显示，不在等整个表格加载完后显示。）
3、<tfoot> 元素用于对 HTML 表格中的表注（页脚）内容进行分组。

查看全部

0 采集收起来源：使用thead、tbody、tfoot定义表格
2022-06-10
慕村7317799

语法：
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
举例：
<img src = "myimage.gif" alt = "My Image" title = "My Image" />
讲解：
1、src：标识图像的位置；
2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；
3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；
4、图像可以是GIF，PNG，JPEG格式的图像文件。

查看全部

0 采集收起来源：不发一张自拍么? - 使用<img>标签为网页添加图片
2022-06-10
weixin_慕瓜2276329

<link href="style.css" rel="stylesheet" type="text/css" />

查看全部

0 采集收起来源：还是把html和css分开吧 - 外部式css样式
2022-06-08
小四文
创建表格的四个元素：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家庭为网页添加表格
2022-06-06
小四文

a标签有的target属性，代表打开网页的方式。可选值为”_self和_blank”，默认值为_self，代表在当前页面打开链接，_blank代表在新窗口打开链接。

查看全部

0 采集收起来源：开个新窗口 - 在新建浏览器窗口中打开链接
2022-06-06
小四文

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

查看全部

0 采集收起来源：百度一下,你就知道 - 使用<a>标签为网页添加超链接
2022-06-06
小四文

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

查看全部

0 采集收起来源：不发一张自拍么? - 使用<img>标签为网页添加图片
2022-06-03
小四文

<hr />：分隔的横线

查看全部

0 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2022-06-03
小四文

aside：定义一个侧边栏区域

查看全部

0 采集收起来源：再加个侧边菜单吧 - <aside>定义侧边栏区域
2022-06-03
小四文

<span>：没有语义，设置单独的样式。

查看全部

0 采集收起来源：diy一个标签吧 - 使用<span>标签自定义文字样式
2022-06-03
小四文

head部分
title：网页标题信息
<meta charset="UTF-8">：字符编码
style：文件样式（引用css文件）

查看全部

0 采集收起来源：小哥,做头么? - 认识head标签
2022-06-03
慕妹2242782

html标签不区分大小写。

查看全部

0 采集收起来源：使用说明书 - 标签的语法
2022-06-01
慕慕8239216

<!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="" />
        <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 采集收起来源：使用表单标签，与用户交互 - 使用<form>创建表单
2022-06-01
慕姐8063656

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>制作我的第一个网页</title>
</head>
<body>
<H1>Hello World</H1>
<p>初次登门学习请多关照</p>
</body>

</html>

查看全部

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

首页上一页 92 93 94 95 96 97 98 下一页尾页

0/150

提交

取消

开始学习

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

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