html简介网页代码怎么写?html入门基础代码有哪些



“`

保存并预览

保存文件后,双击这个 index.html 文件,它会自动在你的默认浏览器中打开,你会看到居中的“你好,世界!”标题和一段说明文字,恭喜你,你已经成功创建了一个网页。

html入门 第021课 HTML如何显示图片
加载中
html入门 第021课 HTML如何显示图片

添加更多元素

让我们丰富一下内容,在 标签内添加更多内容:

  • 添加图片:html简介网页代码怎么写?html入门基础代码有哪些,注意,图片文件需要和HTML文件放在同一目录下,或者使用网络图片链接。
  • 添加链接:点击这里,这会让文字变成可点击的超链接。
  • 添加列表:

    • 标签可以创建无序列表,

      1. 创建有序列表。

    HTML简介网页代码进阶:结构与样式的分离

    变多时,单纯依靠HTML标签来调整样式会变得非常混乱,这时候,引入CSS(层叠样式表)是必要的选择,虽然CSS不属于HTML,但它们是黄金搭档。

    为什么需要CSS配合

    想象一下,如果你想把全站所有的标题都改成红色,如果没有CSS,你需要修改每一个

    标签,有了CSS,你只需要修改一处样式规则,这种分离让维护变得极其简单。

    如何引入CSS

    你可以在 标签中使用