前端Html、css、js的干货总结（完善中...)

最新推荐文章于 2024-01-02 14:04:58 发布

打工人Meo

最新推荐文章于 2024-01-02 14:04:58 发布

阅读量215

点赞数

分类专栏：前端文章标签： vscode

本文链接：https://blog.csdn.net/m0_56729518/article/details/119580319

版权

本文详细介绍了前端开发的三大要素：HTML、CSS和JavaScript。讲解了HTML的超文本、标记和语言特性，CSS的美化作用，以及JavaScript的动态特性。深入探讨了标签、属性、块级和内联元素、表格、表单以及CSS的选择器、伪类等基础知识，还涉及了前端开发的运行机制和工具，如VSCode。

摘要由CSDN通过智能技术生成

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"

最低0.47元/天解锁文章

打工人Meo

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端Html、css、js的干货总结（完善中...)

1.前端三要素： js 动化（能说会道会交流） css 美化（妆容） html 结构（身材）html：超文本标记语言、解释型标签语言超文本: 超级文本：字符，超级链接，图片，音频，视频，画布（地图、图表、3D模型）标记：标签进行标记， html标签（无法使用自定义标签） <h1>标题1</h1> <p>段落</p> 语言： c、java 编译型语言 ...
复制链接

扫一扫