Erlo

七分钟学会 HTML 网页制作

2022-11-13 17:00:44 发布   109 浏览  
页面报错/反馈
收藏 点赞

什么是HTML

点击打开视频讲解更加详细

  • Hyper Text Markup Language(超文本标记语言)
  • 标签控制排版
  • 体积小,方便传输

编写HTLML

推荐使用:VS Code




    
    
    
    末晨曦吖


    

我的第一个标题

我的第一个段落。

HTML文件结构




    末晨曦吖



  • 起始行 告诉浏览器这是一个HTML文档
  • 开始标签
  • 结束标签

html根标签,标签都是成对出现的,标签中可以嵌套文本或其他标签

  • 中定义文档的描述信息
  • 定义title,它会显示在浏览器上

HTML常用标签

标题标签

这是标题 1

这是标题 2

这是标题 3

这是标题 4

这是标题 5
这是标题 6

效果:
1111111111111.png

段落标签

这是一个段落。

这是一个段落。

这是一个段落。

效果:
222222222222222.png

文本样式标签

加粗文本

斜体文本

电脑自动输出

这是 下标 上标

我是带删除线的文本

效果:
33333333333.png

列表标签

无序列表

  • 列表项
  • 列表项
  • 列表项

效果:
44444444.png

有序列表

  1. 列表项
  2. 列表项
  3. 列表项
  1. 列表项
  2. 列表项
  3. 列表项

效果:
55555555555555.png

超链接标签

跳转到 B 站

效果:
66666666666666.png

多媒体标签

图片标签


视频标签


音频标签


div标签

块级元素,并没具体的实际意义,主要作用是调整布局样式;

我的第一个标题

我的第一个段落。

布局标签

头部信息
导航栏
侧边栏
内容区域
底部信息
文章详情
页面分区

更多资料参考

菜鸟教程

w3cschool

若对您有帮助,请点击跳转到B站一键三连哦!感谢支持!

登录查看全部

参与评论

评论留言

还没有评论留言,赶紧来抢楼吧~~

手机查看

返回顶部

给这篇文章打个标签吧~

棒极了 糟糕透顶 好文章 PHP JAVA JS 小程序 Python SEO MySql 确认