当前位置: 首页 > news >正文

web前端开发核心基础:Html结构分析,head,body,不同标签的作用

前端技术协同关系

  • 协作流程:HTML构建页面框架—>css美化样式(选择器+属性)—>JavaScript实现交互(类似于python的脚本语言)
  • 扩展基础:在上面三项基础上学习Vue\React、构建工具WePack和浏览器工作原理

Html结构分析:超文本标记语言

html是制作网页的标记语言
在这里插入图片描述
这里会有属性:
例如,html标签里面的key就是lang,对应的en就是value,类似于一个键值对结构,只不过键和值之间是用赋值运算符=连接起来的。

  • head标签是给浏览器进行识别的
  • body中标签是给用户进行查看识别的

html中的注释格式是

例如:

<!DOCTYPE html> <!-- html5标签的文档申明 -->
<html lang="en"> <!-- html标签的根标签,language是为了申明语言,en-英语-->
<head> <!-- 头部标签:提供关于网页的信息 --><meta charset="UTF-8"> <!-- 申明字符集编码格式:如果保存的文件编码与字符编码不一致就会乱码 --><title>让我们开始吧!</title> <!-- 浏览器头部的名称标题 -->
</head>
<body>  <!-- 体标签:申明网页内容的主体标签,提供网页中的具体内容 --><h1>我是第一标题标签  <!-- 第一级标题标签 --></h1><a HREF="https://ww
http://www.lryc.cn/news/571160.html

相关文章:

  • Java内存模型与线程
  • Anaconda 使用
  • 力扣经典算法篇-17-反转字符串中的单词(逆序遍历,数组分割,正则表达式)
  • 4_STM32F103ZET6芯片系统架构和寄存器
  • 通过自适应训练样本选择弥合基于锚点和无锚点检测之间的差距之ATSS论文阅读
  • 【论文阅读】BACKDOOR FEDERATED LEARNING BY POISONING BACKDOOR-CRITICAL LAYERS
  • Matlab自学笔记五十九:符号变量的代入和替代subs精讲
  • Windows10安装WSL Ubuntu
  • 设计模式:单例模式多种方式的不同实现
  • vue中diff算法的原理
  • 把springboot打包为maven可引入的jar
  • Maven 的 settings.xml详解
  • 深度学习中常见的激活函数分析
  • Android Studio Jetpack Compose毛玻璃特效按钮
  • 【数据结构】栈和队列详解
  • 线性放大器设计方案:248-双极性任意波1M带宽400Vpp高压线性放大器
  • 欧拉安装vboxlinuxadditions时,出错
  • 第九章——8天Python从入门到精通【itheima】-95~96-Python的异常模块与包(自定义模块并导入+自定义Python包)
  • MySQL 命令行的核心操作命令详解
  • 资深Java工程师的面试题目(一)微服务
  • 如何高效分享WordPress博客文章
  • Sparse4D: 稀疏范式的端对端融合
  • (100)课126: 间隙锁临键锁,是为了锁定索引B+树里叶节点之间的间隙,不允许别的事务在这些间隙里插入新的叶节点,从而阻止幻读
  • 振动测控模块设计原理图:276-16路AD、10路DA嵌入式振动测控模块
  • 自然语言处理文本分类
  • Node.js 项目启动命令全面指南:从入门到精通(术语版)
  • Redis中的分布式锁之SETNX底层实现
  • vue3 watch监视详解
  • 最简单的远程桌面连接方法是什么?系统自带内外网访问实现
  • 基于Cesium的倾斜切片/模型位置方位调整工具