慕课网

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

最热最新

journey_cfxW57

<span>标签没有语义，是为了单独的样式使用

查看全部

0 采集收起来源：diy一个标签吧 - 使用<span>标签自定义文字样式
2025-05-08
look278022

HeIIo WorId

查看全部

0 采集收起来源：代码初体验，制作我的第一个网页
2025-05-05
慕尼黑0139084

Hello word

查看全部

0 采集收起来源：代码初体验，制作我的第一个网页
2025-04-21
劳动者1805826

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

查看全部

0 采集收起来源：开个新窗口 - 在新建浏览器窗口中打开链接
2025-04-20
劳动者1805826

<a href="https://www.baidu.com"> </a> 是超链接

查看全部

0 采集收起来源：百度一下,你就知道 - 使用<a>标签为网页添加超链接
2025-04-20
劳动者1805826

<img > 标签代表图片

查看全部

0 采集收起来源：不发一张自拍么? - 使用<img>标签为网页添加图片
2025-04-20
慕斯0236409

在第9行输入color:blue，为<span>元素设置文本颜色为蓝色。

查看全部

0 采集收起来源：diy一个标签吧 - 使用<span>标签自定义文字样式
2025-04-19
神经蛙_CMO078

选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器
标签选择器：
标签名{
}
ID选择器：
#ID名{
}
类选择器：
.类名{
}
子选择器：
.类选择器>标签选择器{
}
后代选择器：
.类选择器标签选择器{
}
通用选择器：
*{
}
伪类选择器:
a：hover{
}
分组选择器：
标签名,标签名{
}

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2025-04-12

神经蛙_CMO078

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>学习表格标签</title>
</head>

<body>

    <table border=1>
        <caption>前段三剑客</caption>
        <tr>
            <td>知识点</td>
            <td>重要程度</td>
            <td>难度</td>
            <td>学习周期</td>
        </tr>
        <tr>
            <td>html</td>
            <td>5星</td>
            <td>3星</td>
            <td>7天</td>
        </tr>
        <tr>
            <td>css</td>
            <td>5星</td>
            <td>4星</td>
            <td>10天</td>
        </tr>
        <tr>
            <td>js</td>
            <td>5星</td>
            <td>5星</td>
            <td>20天</td>
        </tr>
    </table>
</body>

</html>

查看全部

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

2025-04-11

神经蛙_CMO078

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

查看全部

0 采集收起来源：不发一张自拍么? - 使用<img>标签为网页添加图片
2025-04-11

神经蛙_CMO078

无序列表

<ul>
        <li>
            Java
        </li>
        <li>
            JavaScript
        </li>
</ul>

有序列表

<ol>
        <li>
            Java
        </li>
        <li>
            JavaScript
        </li>
</ol>

查看全部

0 采集收起来源：添加新闻信息列表 - 使用<ul><li>标签实现无序列表

2025-04-11

慕侠0135421

<!DOCTYPE html>
<html>

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

<body>
<table border="1">
<thead >
<thead><strong>成绩表</strong></thead>
<hr/>
<tr>
<th>科目</th>
<th>分数</th>
</tr>
<tr>
<td>语文</td>
<td>99</td>
</tr>
<tr>
<td>数学</td>
<td>60</td>
</tr>
<tr>
<td>总分</td>
<td>159</td>
</tr>
</thead>
</table>
</body>

</html>

查看全部

0 采集收起来源：使用thead、tbody、tfoot定义表格
2025-03-14
慕侠0135421

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>学习表格标签</title>
</head>

<body>
<table border="1">
<caption><strong>前端三剑客</strong></caption>
<tr>
<th>知识点</th>
<th>重要程度</th>
<th>难度</th>
<th>学习周期</th>
</tr>
<tr>
<td>html</td>
<td>5星</td>
<td>3星</td>
<td>7天</td>
</tr>
<tr>
<td>css</td>
<td>5星</td>
<td>4星</td>
<td>10天</td>
</tr>
<tr>
<td>js</td>
<td>5星</td>
<td>5星</td>
<td>20天</td>
</tr>
</table>
</body>

</html>

查看全部

0 采集收起来源：听说你要制定学习计划了-使用table家庭为网页添加表格
2025-03-14
慕侠0135421

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>a标签</title>
<style>
a{color:#980}
</style>
</head>

<body>
<ul>
<li><a href="#" title="前端开发面试心法">前端开发面试心法</a> </li>
<li><a href="#" title="零基础学习html">零基础学习html</a></li>
<li><a href="#" title="JavaScript全攻略">JavaScript全攻略</a></li>
</ul>
<p>1922年的春天，一个想要成名名叫尼克•卡拉威（<a href="http://www.m1905.com/mdb/star/3316/" title="点击查看视频介绍" target="_blank">托比•马奎尔Tobey Maguire</a> 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的美国梦，他搬入纽约附近一海湾居住。</p>
<p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
</body>

</html>

查看全部

0 采集收起来源：百度一下,你就知道 - 使用<a>标签为网页添加超链接
2025-03-14
慕侠0135421

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>ol列表</title>
</head>

<body>
<ol>
<li>我的第一个列表信息</li>
<li>我的第二个列表信息</li>
</ol>
</body>

</html>

查看全部

0 采集收起来源：添加图书销售排行榜- 使用<ol><li>标签实现有序列表
2025-03-14

首页上一页 1 2 3 4 5 6 7 下一页尾页

0/150

提交

取消

开始学习

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

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