首页
社区
课程
招聘
[转帖]Web前端开发-基础知识
发表于: 2025-10-14 10:14 454

[转帖]Web前端开发-基础知识

2025-10-14 10:14
454
  1. 概述
    Web 前端开发是构建和优化网站用户界面的过程,主要包括实现用户界面的结构(HTML)、样式(CSS)和交互(JavaScript)功能。前端开发的目标是确保网站在各种设备和浏览器上都能良好地运行,并提供最佳的用户体验。

1.1 Web前端开发概述
Web 即Web系统,指以 网站 形式呈现并通过浏览器进行访问的系统,它旨在实现特定的功能或服务。
前端 网页上为用户呈现的部分。
开发 即代码编写。
1.2 网站与网页
网站 web site 网页 web page
互联网上用于展示特定内容的相关网页的集合。
网站中的一页,一个网站中的网页通过“超链接”的方式被组织在一起。

1
2
3
4
5
6
7
8
9
主页 homepage:进入网站看到的第一个网页,主页的文件名通常是index。
 
网页元素:Logo站标、导航栏、文字超链接、banner广告横幅、表单等。
 
网站:是一个包含多个网页文件及相关资源的文件夹。
 
网页:是网站中的单个文件,通常以HTML格式存在。
 
浏览器:负责解析网页源代码,并将其渲染为可视化的网页内容。

1.3 Web前端开发技术
结构:HTML 样式:CSS 行为:JavaScript
从语义的角度,描述页面结构 从审美的角度,美化页面 从交互的角度,提升用户体验
前端技术标准:W3C(万维网联盟: the World Wide Web Consortium)

1
2
3
4
5
W3C标准:W3C
 
W3C教程:w3school 在线教程
 
MDN :  学习 Web 开发 | MDN
  1. HTML基础
    2.1 HTML概述
    2.1.1 HTML语言
    HTML(HyperText MarkUp Language):"超文本标记语言",它是制作网页的标准语言。

    注:HTML不区分大小写,
    ,
    , 和
    在HTML中都被视为相同的标签。HTML5规范建议使用小写字母,这样可以保持代码一致性并提升可读性。

    2.1.2 HTML标签、元素
    HTML标签或元素是由尖括号包围的标识符,例如

[培训]Windows内核深度攻防:从Hook技术到Rootkit实战!

收藏
免费 1
支持
分享
最新回复 (1)
雪    币: 7
能力值: ( LV1,RANK:0 )
在线值:
发帖
回帖
粉丝
2
支持
2025-10-14 10:38
0
游客
登录 | 注册 方可回帖
返回