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