标签用于创建有序或无序列表，而标签则是用来创建表格的。
掌握这些基本标签后，网页内容的布局和美化会变得更加灵活。你可以通过组合这些标签，为你的网页赋予更丰富的表现形式。
增加图片和超链接
一个优秀的网站不仅要文字内容充实，还要图文并茂。在HTML中，插入图片可以通过标签来完成。例如，如果你有一张名为“logo.png”的图片，你可以使用以下代码将其嵌入到网页中：
通过超链接，用户可以跳转到其他页面或外部网站。使用标签，你可以轻松地为网页中的文字或图片添加超链接。例如：
点击这里访问我的博客
通过这些简单的HTML代码，你就能让网页更加生动，提升用户体验。
part2：
CSS与HTML的结合
单独的HTML语言虽然能构建出网页的结构，但网站的美观程度往往取决于CSS（层叠样式表）。CSS能够控制网页元素的颜色、字体、布局等样式，使得网站更具吸引力。CSS与HTML密切结合，通过在HTML代码中添加样式，使得网页看起来更加精美。
例如，使用CSS可以改变网页背景颜色、文字颜色和字体样式。以下是一个简单的例子：
我的第一个网页
</h3><h3>body{</h3><p>background-color:#f0f0f0;</p><p>font-family:Arial,sans-serif;</p><h3>}</h3><h3>h1{</h3><h3>color:#333;</h3><h3>}</h3><h3>p{</h3><h3>color:#666;</h3><h3>}</h3><h3>
欢迎访问我的网站！
这是一个基本的HTML页面，加入了CSS样式。
在这个例子中，我们通过标签在<head>部分嵌入了CSS样式，改变了网页的背景色和文字颜色。通过灵活使用CSS，你可以大大提升网站的视觉效果，使其更加符合用户的审美需求。</p><h3>响应式设计与现代网页开发</h3><p>随着移动设备的普及，网站的响应式设计变得尤为重要。响应式设计可以使网站在不同设备（如手机、平板、电脑）上都能保持良好的显示效果。HTML与CSS的结合使得实现响应式设计变得更加简单。通过使用CSS的@media查询，开发者可以为不同设备设置不同的样式，从而使网页适应不同的屏幕尺寸。</p><p>例如，你可以使用以下CSS代码来为小屏幕设备（如手机）调整网页的布局：</p><h3>@media(max-width:600px){</h3><h3>body{</h3><h3>font-size:14px;</h3><h3>}</h3><h3>h1{</h3><h3>font-size:24px;</h3><h3>}</h3><h3>}</h3><p>通过这种方式，网站能够根据访问设备的屏幕宽度自动调整布局，使得网页无论在手机还是桌面电脑上都能获得最佳的浏览体验。</p><h3>学习JavaScript提升互动性</h3><p>除了HTML和CSS，JavaScript是网页开发中不可或缺的编程语言。通过JavaScript，网站不仅能够显示静态内容，还能与用户进行互动。比如，当用户点击按钮时，可以触发特定的事件，或者动态加载内容。</p><p>例如，以下代码展示了一个简单的按钮，点击按钮后，网页上会显示一条消息：</p><h3><!DOCTYPEhtml></h3><h3><html></h3><h3><head></h3><h3><title>互动按钮</title></h3><h3><script></h3><h3>functionshowMessage(){</h3><h3>alert("你点击了按钮！");</h3><h3>}</h3><h3></script></h3><h3></head></h3><h3><body></h3><p><buttononclick="showMessage()">点击我</button></p><h3></body></h3><h3></html></h3><p>通过学习JavaScript，您将能够将网页打造成更具互动性和动态性的现代网站。</p><h3>总结</h3><p>通过学习HTML和CSS，结合JavaScript的动态效果，你可以从零开始制作出功能丰富、视觉吸引的网页。尽管HTML是网页制作的基础，但它并不代表你可以止步不前。通过不断探索和学习更多的技术，你将能够制作出更加专业和现代的网站。无论是个人博客还是企业官网，掌握HTML制作网站的技能，将使你在互联网时代更具竞争力。</p><p>在未来，你还可以通过学习更先进的前端开发框架，如React、Vue等，进一步提升网站的功能和性能，实现更复杂的交互和动画效果。</p>
