web前端—day1.1—html基础

简介: 1. windows电脑常用快捷键快捷键名称ctrl + c复制ctrl + v粘贴ctrl + x剪切ctrl + z撤销ctrl + s保存ctrl + tab软件内部切换内容ctrl...

1. windows电脑常用快捷键

快捷键 名称
ctrl + c 复制
ctrl + v 粘贴
ctrl + x 剪切
ctrl + z 撤销
ctrl + s 保存
ctrl + tab 软件内部切换内容
ctrl + a 全选
Windows + d 返回桌面
Windows + e 打开我的计算机
Windows + r 打开命令
alt + tab 切换软件
ctrl + tab 软件文档之间的切换
F2 重命名

2. web前端简单介绍

web 前端包含:pc端页面和移动端页面

  • 前端就是将设计师的网页效果图生成网页,利用 html+css+js 等技术
  • 前端的核心是解决用户体验的问题**

3. 认识网页

网页组成:文字、图片、输入框、视频、音频、超链接等组成

web标准

  • W3C组织 万维网联盟组织 制定web标准的机构
  • html 结构标准
  • css 样式标准
  • js 行为标准

4. 浏览器

浏览器是一个上网的客户端(软件)

  • 常见浏览器

    img_1ff279870b08307c22a93139b4ebd2b4.png
    常见浏览器

  • 渲染内核

渲染引擎 , 其是兼容性出现的根本原因

浏览器 渲染引擎
IE浏览器 trident
chrome浏览器 blink
opera浏览器 blink
火狐浏览器 gecko
苹果safari浏览器 webkit

5. 认识html

  • html

hyper text markup language 超文本标记语言
超文本:超链接(实现页面跳转)
简单点说html 就是用来制作网页的

  • html结构标准
<!doctype html>   //声明文档类型
<html>            //根标签
<head>            //头标签 
<title></title>   //标题标签
</head>           
<body>            //主体标签
</body>
</html>
  • html标签分类

单标签 : <!doctype html>
双标签 : <html></html>

  • html标签关系分类
包含(嵌套关系)<head><title></title></head>
并列关系       <head></head>
              <body></body>

6. 开发工具

sublime text

轻量级 插件很多

webstorm

重量级 智能

目录
相关文章
|
4天前
|
开发框架 前端开发 Java
【前端学java】SpringBootWeb极速入门-实现一个简单的web页面01
【8月更文挑战第12天】SpringBootWeb极速入门-实现一个简单的web页面01
15 3
【前端学java】SpringBootWeb极速入门-实现一个简单的web页面01
|
1天前
|
前端开发 IDE Java
"揭秘前端转Java的秘径:SpringBoot Web极速入门,掌握分层解耦艺术,让你的后端代码飞起来,你敢来挑战吗?"
【8月更文挑战第19天】面向前端开发者介绍Spring Boot后端开发,通过简化Spring应用搭建,快速实现Web应用。本文以创建“Hello World”应用为例,展示项目基本结构与运行方式。进而深入探讨三层架构(Controller、Service、DAO)下的分层解耦概念,通过员工信息管理示例,演示各层如何协作及依赖注入的使用,以此提升代码灵活性与可维护性。
|
1天前
|
缓存 前端开发 JavaScript
高效开发现代 Web 应用:从前端到后端的最佳实践
在开发现代 Web 应用时,前端和后端技术的选择对项目的性能、可维护性和用户体验至关重要。本文将探讨如何通过现代工具和框架来优化前端和后端开发流程。我们将分析前端技术(如 React 和 Vue.js)与后端技术(如 Node.js 和 Django)的集成,并提供实际案例来展示如何实现高效开发。无论是对新手还是经验丰富的开发者,本指南都提供了宝贵的洞见和实用的技巧,以帮助提高开发效率并构建出色的 Web 应用。
|
1天前
|
缓存 编解码 前端开发
优化Web应用性能的前端技巧:从加载时间到用户体验
在现代Web开发中,提升前端性能不仅仅是为了缩短页面加载时间,更是为了提供更流畅的用户体验。本文将探讨几种有效的前端优化技术,包括懒加载、代码拆分、资源压缩以及浏览器缓存策略。通过具体实例和最佳实践,读者将能够掌握如何系统地提高Web应用的响应速度,减少资源消耗,并最终改善用户的整体体验。
|
4天前
|
前端开发 JavaScript Java
springmvc前端jsp与html
在Spring MVC框架中,前端页面既可以使用JSP(JavaServer Pages)也可以使用HTML,具体使用哪一种或哪几种技术,主要取决于项目的需求、团队的熟悉度以及项目的可维护性等因素。
9 2
|
6天前
|
前端开发 JavaScript
Web前端项目(一)- 迷宫游戏
【8月更文挑战第13天】本项目采用HTML页面,结合了JS和CSS创建一个简单的迷宫游戏,游戏特色包括自动寻路功能和可进行迷宫路线的更新。页面整体采用“毒药水式”的色彩搭配,给人一种迷幻,科技之感。并且为了大家能够二次创作,我在代码中标明了详细的注释
31 0
Web前端项目(一)- 迷宫游戏
|
8天前
|
前端开发 JavaScript 数据安全/隐私保护
【海贼王航海日志:前端技术探索】HTML你学会了吗?(二)
【海贼王航海日志:前端技术探索】HTML你学会了吗?(二)
17 1
|
8天前
|
编解码 移动开发 前端开发
【海贼王航海日志:前端技术探索】HTML你学会了吗?(一)
【海贼王航海日志:前端技术探索】HTML你学会了吗?(一)
8 1
|
3天前
|
编解码 前端开发 开发者
Web中的HTML
Web中的HTML
|
5天前
|
前端开发 JavaScript
前端 JavaScript 与 HTML 怎么实现交互
前端 JavaScript 与 HTML 怎么实现交互