初识HTML(5)+CSS(3)-升级版_学习笔记

首页免费课初识HTML(5)+CSS(3)-升级版笔记

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

                
                五月的夏天
            Web前端工程师

                    查看讲师更多课程 
                    五月的夏天讲师的其他课程
                
基于Vue3+Vite+TS，二次封装element-plus业务组件
实战·中级·452

                                                                                                                                    ￥348.00
                                            
vue3.0实现todolist 
中级·20631
免费课程
                                
全方位入门git
入门·24662
免费课程
                                
基于Element-UI二次封装业务组件
中级·11548
免费课程
                                
                难度入门
            
                时长 9小时18分
            
                学习人数
            
综合评分9.50
                            9467人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.2
                                逻辑清晰

最热最新

慕侠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
慕侠0135421

<!DOCTYPE html>
<html>

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

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

</html>

查看全部

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

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>hr标签使用</title>
</head>

<body>
<p>火车飞驰过暗夜里的村庄，月光，总是太容易让思念寂寞，太容易让人觉得孤独。</p>
<hr/>
<h1>我是标题二</h1>
<p>每一枚被风吹起的蒲公英，都载满了一双眼睛的深情告别与一个目光的依依不舍。那天，我拿着行李，带上一个背影的祝福与惆怅，挥手告别了这片土地。我不知道，我何时会回来。</p>
</body>

</html>

查看全部

0 采集收起来源：再来一个水平分割线 - 使用<hr>标签实现水平线标签
2025-03-14
慕侠0135421

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>空格讲解</title>
</head>

<body>
<h1>感悟梦想</h1>
来源：作文网  作者：为梦想而飞
</body>

</html>

查看全部

0 采集收起来源：再加点空格呢 - 使用特殊字符 实现空格标签
2025-03-14
慕侠0135421

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>br标签的使用</title>
</head>

<body>
<h2>《咏桂》</h2>
<p>
暗淡轻黄体性柔，<br />
情疏迹远只香留。<br />
何须浅碧深红色，<br />
自是花中第一流。
</p>
</body>

</html>

查看全部

0 采集收起来源：写代码都不换行么? - 使用<br>标签实现换行效果
2025-03-14
慕侠0135421

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>aside</title>
<style>
aside{
width: 100px;
height: 700px;
border: 2px red solid;
position:fixed;
left:0;
top:10px;
}
</style>
</head>

<body>
<aside>我是侧边栏,而且是浮窗型，旁边的东西动，我固定不动<br><br><br><br>你看我像不像广告弹窗？</aside>
<div>
<pre>
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好

</pre>
</div>
</body>

</html>

查看全部

0 采集收起来源：再加个侧边菜单吧 - <aside>定义侧边栏区域
2025-03-14
慕侠0135421

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>section</title>
<style>
section{
background:skyblue;/*天蓝色*/
height:100px;/*高度*/
width:100%;/*宽度*/
margin:10px;/*外边界*/
padding:10px;/*内边界*/
border:1px solid red;/*边框：1px，填充红色*/
}
</style>
</head>

<body>
<header>我是头部标签</header>
<section>我是一个区域</section>
<footer>我是底部标签</footer>
</body>

</html>

查看全部

0 采集收起来源：正文才是重点喔 - <section>定义区段
2025-03-14
慕侠0135421

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>footer</title>
</head>

<body>
<header>我是头部标签</header>
<footer>我是底部标签</footer>
</body>

</html>

查看全部

0 采集收起来源：结尾神转折 - <footer>标签定义底部区域
2025-03-14
慕侠0135421

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>header</title>
<style>
header{
color:blue
}
</style>
</head>

<body>
<header>我是头部标签</header>
<div>
<h1>我是标题</h1>
</div>
</body>

</html>

查看全部

0 采集收起来源：听说开头写的好就能一键三连 - <header>标签定义头部区域
2025-03-14
慕侠0135421

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>h1-h6标题标签</title>
</head>

<body>
<h1>了不起的盖茨比</h1>
<p>《了不起的盖茨比》为那个奢靡年代的缩影。盖茨比怀揣着对"美国梦"的期翼，投身到那个年代的灯红酒绿之中，却在名利场中看尽世态炎凉，以及浮华背后一切终将逝去的空虚怅惘。1925年《了不起的盖茨比》问世。 </p>
<p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
</body>

</html>

查看全部

0 采集收起来源：做个标题党 - 使用<hx>标签为网页增加标题
2025-03-14
慕侠0135421

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>了不起的盖茨比</title>
<style>
h1{
color:blue
}
span {
color:blue
}
</style>
</head>

<body>
<h1>了不起的盖茨比</h1>
<p>1922年的春天，一个想要成名名叫尼克•卡拉威（托比•马奎尔Tobey Maguire 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的<span>美国梦</span>，他搬入纽约附近一海湾居住。</p>
<p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
</body>

</html>

查看全部

0 采集收起来源：diy一个标签吧 - 使用<span>标签自定义文字样式
2025-03-14
慕侠0135421

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>p标签</title>
</head>
<body>
<p>我的第一个段落。</p>
<p>我的第二个段落。</p>
</body>
</html>

查看全部

0 采集收起来源：开始我们的第一段对话吧- 段落标签
2025-03-14
慕侠0135421

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>认识head标签</title>
</head>
<body>
<h1>欢迎来到慕课网</h1>
</body>
</html>

查看全部

0 采集收起来源：小哥,做头么? - 认识head标签
2025-03-14
慕侠0135421

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>认识html文件基本结构</title>
</head>
<body>
<h1>在本小节中，你将学会认识html文件基本结构</h1>
</body>
</html>

查看全部

0 采集收起来源：听说有新版本了? - html5文档结构
2025-03-14
慕侠0135421

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>标签的语法</title>
</head>
<body>
<div>
<h1>在本教程中，你将学习如何使用 HTML 来创建站点</h1>
<p>当特殊的样式需要应用到个别元素时，就可以使用内联样式。</p>
</div>
</body>
</html>

查看全部

0 采集收起来源：使用说明书 - 标签的语法
2025-03-14
慕侠0135421

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Html和CSS的关系</title>
<style type="text/css">
h1{
font-size:12px;
color:#930;
text-align:center;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>

查看全部

0 采集收起来源：佛靠金装，人靠衣装 - html和css的关系
2025-03-14

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

0/150

提交

取消

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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