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

  • 10
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值