1.前端三要素:
js 动化(能说会道 会交流)
css 美化(妆容)
html 结构(身材)
html : 超文本标记语言 、 解释型标签语言
超文本:
超级文本:字符,超级链接,图片,音频,视频,画布(地图、图表、3D模型)
标记:
标签进行标记, html标签(无法使用自定义标签)
<h1>标题1</h1>
<p>段落</p>
语言:
c、java 编译型语言 ,
hello.c --gcc--> hello.o --运行-->linux
Hello.java --javac--> Hello.class --运行--> jvm --> linux/win
html、js、css 解释型语言
hello.html --> 浏览器 -> linux/win
执行效率:c > java > js
2. 运行机制:
1) 开发pc - 部署pc - pc-浏览器 file:// 【开发】
2) 开发pc - 部署云服务 - pc-浏览器 http://apache2 - scp/filezilla
B/S架构 b浏览器(html、css、js) s服务器
3. html结构
继承 xml
<!DOCTYPE html>
文档类型: html
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
</body>
</html>
head中的内容无法显示到浏览器视口中
charset : 设定编码格式
viewport: 适配移动端
title : 网页标题,显示在选项卡中
4. 标签(不区分大小写)
单标签
<br/>
双标签
<head></head>
<body></body>
<h1></h1>
元素(标签 + 内容)
①.<h1>这是一个一级标题</h1>
②. <div>
<div id="one" class="logo">logo</div>
<div class="menu">menu</div>
</div>
属性(位于开始标签中)
1> 核心属性(通用,绝大多数标签都具有的属性)
id 唯一标识
class 分类,可以重复
title 悬浮提示
style 添加css规则的
2> 自有属性
<img src="" alt=""></img>
<a href="https://www.baidu.com" target="_blank"