黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程-p9-08-html基本结构标签-视频笔记

视频地址:https://www.bilibili.com/video/BV14J4114768?p=9&spm_id_from=pageDriver&vd_source=92091721fde667b87f2021fd2256a257

第一个html网页

  • 每个网页都会有一个基本的结构标签(也成为骨架标签),页面内容也是在这些基本标签上书写
  • html页面也可以称为html文档
  • 以下是html的基本结构代码
<html>
  <head>
    <title>我的第一个页面</title>
  </head>
  <body>
    你我之间,黑马洗练,月薪过万,一飞冲天
  </body>
</html>
  • 以上代码中html标签是最大的标签,它包含了所有的其他标签,我们也称html标签为根标签
  • head标签是页面的头部标签

图1中的红色框起来的就是head标签所作用的区域

图1

  • head标签里面的title标签叫做网页标题或叫做文档标题

图2红色框起来的就是title标签显示的地方

图2

  • body标签是文档的主体部分,包含了文档的所有内容,页面内容基本都是放在body标签里面

图3红色框起来的就是body标签显示的地方

图3

  • html文档的后缀名必须是.html或.htm,浏览器的作用是读取html文档,并以网页的形式显示出它们
  • 此时把上面的代码写在html文件中,用浏览器打开这个网页,我们就可以预览我们写的第一个html文件了

基本结构标签总结

  • html标签是最大的标签,是根标签
  • head标签是头部标签
  • title标签嵌套在head标签里面,是网页的标题
  • body标签是网页的主体,页面的内容基本都是放在body标签里面

代码运行总结

  • 新建一个记事本
  • 打开记事本,把以上的代码写在记事本中
  • 保存退出
  • 把记事本后缀名由txt改为html
  • 然后双击运行,就可以在浏览器看到效果了
posted @ 2022-12-06 02:36  .林申  阅读(168)  评论(0)    收藏  举报