HTML入门基础知识(一)

html标签入门基础知识

html语法规范

基本语法概述

1.html 标签是在尖括号包围的关键词,例如< html>
2.双标签:
标签是包含在<>中的并且是成对出现
例如:
< html>< /html>(正式代码中<后的空格需要删去)
< html> 为开始标签 < /html>为结束标签(结束标签的前面有反斜杠 ’ / ')
3.单标签:
只有单个标签但也是在包含在<>中,单标签对比双标签较少情况出现。
例如:
< br />
(单标签后面要加‘ / ’)

标签关系

双标签关系可以分为俩类:包含关系和并列关系
包含关系:
可以理解为嵌套关系(或者是父子关系~)
在这里插入图片描述
并列关系
可以理解为同等关系(或者是兄弟关系~)
在这里插入图片描述

html基本结构标签

基本结构标签也称为骨架标签
每个网页都会有基本结构标签,页面的内容也是在基本机构标签上书写。
例子:
在这里插入图片描述
在这里插入图片描述
结合小猪佩奇生动形象的了解~
在这里插入图片描述

开发工具

网页常用的开发工具

在这里插入图片描述
工具很多,但大都大同小异,可以选择一种自己喜欢的来先学~

开发工具使用的注意事项

  1. 注意在保存文件的时候文件保存时是.html的后缀名
  2. 注意不同的开发工具的使用都有不同,在使用前要多看官网解析以及找对应的资料先大体看看

(ps:引自pink老师~,刚刚开始作为自己的学习笔记写,如有不好请见谅,阿里嘎多)

参考学习链接。[^1]

[^1]:https://www.bilibili.com/video/BV14J4114768?p=9

猜你喜欢

转载自blog.csdn.net/qq_46678602/article/details/107592842