HTML入门基础知识(一)

HTML入门基础知识(一)

  • html标签入门基础知识
    • html语法规范
      • 基本语法概述
      • 标签关系
    • html基本结构标签
    • 开发工具
      • 网页常用的开发工具
      • 开发工具使用的注意事项

html标签入门基础知识

html语法规范

基本语法概述

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

标签关系

双标签关系可以分为俩类:包含关系和并列关系
包含关系:
可以理解为嵌套关系(或者是父子关系~)
HTML入门基础知识(一)_第1张图片
并列关系
可以理解为同等关系(或者是兄弟关系~)
在这里插入图片描述

html基本结构标签

基本结构标签也称为骨架标签
每个网页都会有基本结构标签,页面的内容也是在基本机构标签上书写。
例子:
HTML入门基础知识(一)_第2张图片
HTML入门基础知识(一)_第3张图片
结合小猪佩奇生动形象的了解~
HTML入门基础知识(一)_第4张图片

开发工具

网页常用的开发工具

HTML入门基础知识(一)_第5张图片
工具很多,但大都大同小异,可以选择一种自己喜欢的来先学~

开发工具使用的注意事项

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

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

参考学习链接。[^1]

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

你可能感兴趣的:(前端学习,html)