WEB前端概述（一）

已于 2022-05-14 11:26:53 修改
阅读量347 收藏
点赞数 1
分类专栏： python学习 文章标签： 前端 html5 html
于 2022-05-10 17:37:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ad12456/article/details/124686845
版权
web前端简要
摘要由CSDN通过智能技术生成

1. HTML

HTML5特性：

  1. 引入原生多媒体支持（audio和video标签）
  2. 引入可编程内容（canvas标签）
  3. 引入语义Web（article、aside、details、figure、footer、header、nav、section、summary等标签）
  4. 引入新的表单控件（日历、邮箱、搜索、滑条等）
  5. 引入对离线存储更好的支持（localStorage和sessionStorage）
  6. 引入对定位、拖放、WebSocket、后台任务等的支持

HTML结构：

<html>                   <!-- html标签-->
    <body>               <!-- body标签内是 可见的页面内容 -->
        <h1>My First Heading</h1>      <!-- 标题标签-->
        <p>My first paragraph.</p>        <!-- 段落标签-->
    </body> 
</html>
  • HTML 标签是由尖括号包围的关键词，比如 <html>
  • HTML 标签通常是成对出现的，比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签，第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签

文本

  • 标题（heading）和段落（paragraph）
    • h1 ~ h6
    • p·

     

  • 上标（superscript）和下标（subscript）
    • sup
    • sub

     

  • 空白（白色空间折叠）
  • 折行（break）和水平标尺（horizontal ruler）
    • br
    • hr

     

  • 语义化标签
    • 加粗和强调 - strong
    • 引用 - blockquote
    • 缩写词和首字母缩写词 - abbr / acronym
    • 引文 - cite
    • 所有者联系信息 - address
    • 内容的修改 - ins / del

     

 

列表

  • 有序列表（ordered list）- ol / li
  • 无序列表（unordered list）- ul / li
  • 定义列表（definition list）- dl / dt / dd

 

 

链接

  • 页面链接
  • 锚链接
  • 功能链接

 

表格

  • 基本的表格结构 - table / tr / td / th
  • 表格的标题 - caption
  • 跨行和跨列 - rowspan属性 / colspan属性
  • 长表格 - thead / tbody / tfoot

 

表单（form）

  • 重要属性 - action / method / enctype
  • 表单控件（input）- type属性
    • 文本框 - text / 密码框 - password / 数字框 - number
    • 邮箱 - email / 电话 - tel / 日期 - date / 滑条 - range / URL - url / 搜索 - search
    • 单选按钮 - radio / 复选按钮 - checkbox
    • 文件上传 - file / 隐藏域 - hidden
    • 提交按钮 - submit / 图像按钮 - image / 重置按钮 - reset
  • 下拉列表 - select / option
  • 文本域（多行文本）- textarea
  • 组合表单元素 - fieldset / legend

 

音视频（audio / video）

  • 视频格式和播放器
  • 视频托管服务
  • 添加视频的准备工作
  • video标签和属性 - autoplay / controls / loop / muted / preload / src
  • audio标签和属性 - autoplay / controls / loop / muted / preload / src / width / height / poster

窗口（frame）

  • 框架集（过时，不建议使用） - frameset / frame

  • 内嵌窗口 - iframe

其他

  • 文档类型

    <!doctype html>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
最低0.47元/天 解锁文章
? Persevere?
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
web前端-简介
Yi_shui_a_flower的博客
01-16 2180
一级标题web前端 这里写目录标题一级标题web前端一级目录二级目录三级目录二级标题三级标题四级标题五级标题六级标题 一级目录 二级目录 三级目录 二级标题 三级标题 四级标题 五级标题 六级标题 ...
web前端概述
Xiaohuang的博客
11-24 3143
前端
2024年Web前端最全【想稳，必看】毕业设计写这个你就赢了《Vue+Node 项目实战，2024年最新四面阿里Web前端开发岗
2301_82243626的博客
05-11 399
其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】《前端开发四大模块核心知识笔记》最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验
web前端开发介绍
热门推荐
淘小欣的博客
03-02 1万+
前端内容介绍 一、什么是前端 应用软件组成：前端＋后端 后端负责处理业务逻辑＆提供数据，任何与用户直接打交道的操作界面都可以称之为前端，主要负责页面展示、与用户交互等等下面都是前端： 公司官网（在PC通过浏览器来访问公司网站） 移动端网页（在手机上来浏览公司信息、小游戏等） 移动端APP（例如：淘宝、去哪儿旅游、携程等） 微信小程序（微信最新推出的功能，随用随装，不占用手机空间）。 前端开发是从网页制作演变而来的。 早期的网页制作主要内容都是静态的，以文字图片为主，用户使用网站也以浏览为主。 随着互联网
web前端入门知识大全：系统路线，各类要点解析
web前端入门基础进阶教程-htmlcssjs
05-14 3856
一、WEB前端是什么？ 使用HTML/CSS/JS以及更多的框架技术，编写网站页面、App应用、小程序、2D&3D游戏、Web VR&AR等应用，通过内容设计、交互动画、数据操作构建项目与用户的交互界面。前端开发工程师在项目中可以与UI设计师和后台程序员合作，实现设计意图并调用后台接口；也可以独立工作，完成强用户交互的各类应用。 二、WEB前端可以做什么？ 最经典的是各种类型的网站：电子商务、企业门户、管理系统、社区平台等； 目前也是移动领域首选技术：WebApp、混编App、手机游戏、微信
web前端基础知识
qq_43375584的博客
02-28 6162
HTML&CSS基础经典版 HTML：结构（页面元素和内容） css：表现（网页元素的外观和位置等页面样式） 行为：JavaScript：行为（网页模型定义与页面交互） 排版标签 排版标签标题标签：h系列标签 重要程度依次递减 特点：独占一行、h1-h6文字逐渐减小 段落标签：p 特点：段落之间存在间隙、独占一行 换行标签： 水平分割线： 文本格式化标签 场景：让文字加粗b strong、下划线u ins、倾斜i em、删除线s del等 语义：突出重要
学习资料-Web前端概述.md
04-20
学习资料-Web前端概述.md学习资料-Web前端概述.md学习资料-Web前端概述.md学习资料-Web前端概述.md学习资料-Web前端概述.md学习资料-Web前端概述.md学习资料-Web前端概述.md学习资料-Web前端概述.md学习资料-Web前端...
Web前端概述.md
最新发布
05-27
Web前端概述
Web前端开发概述课件
04-28
1. **第1章：Web前端开发概述** 这一章将介绍Web前端开发的基本概念，包括前端开发的角色，它在Web开发中的位置，以及主要的技术栈——HTML、CSS和JavaScript。还会讨论浏览器的工作原理和网页的结构。 2. **第2章...
web前端开发课程概述.pptx
07-07
HTML网页设计课件、HTML网页设计教案，HTML网页设计教学计划，HTML网页设计实训指导书，HTML+CSS实战
Web前端开发技术概述
01-08
Web前端开发技术概述学习主要内容概述Web应用程序设计语言的产生与发展Web应用程序架构混合架构前端开发网站/Web项目开发工作流程前端开发的工作内容 原创文章 20获赞 6访问量 3225 关注 私信 展开阅读全文 ...
什么是web前端？web前端前景怎么样？
前端人的博客
06-13 2520
1、什么是web前端呢？简单来说，我们使用的app、网页、小程序中可以直接看到的东西都属于前端，里边的数据属于后端取出的。详细概念如下：WEB（World WideWeb） 即全球广域网，也称万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。通俗点说，WEB就是互联网。 前端则是用户浏览网站的前台部分，即肉眼所能看见的页面。前端是运行在PC端，移动端等...
什么是web前端?
aoxiangchina的博客
08-08 686
1、Web前端是给用户展示web前端是什么的网页页面web前端是什么，即网站的前台部分，可能包含设计、特效、用户交互等。web即全球广域网，也称为万维网，是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。2、web前端即为网站的前端开发，前端开发是创建Web页面或app等前端界面呈现给用户的过程。web前端开发通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。
Web前端是什么？Web前端包括哪些技术？
xiaoxijinger的博客
11-23 7091
Web前端开发入行门槛低、薪资高，是互联网行业的紧俏岗位之一。目前Web前端开发人员年薪基本都在10万以上，一线城市的薪资会更高，这也吸引了很多人进入Web前端行业。对于完全不了解行业的人来说，他们对Web前端知之甚少。下面小千就给大家解读一下Web前端开发到底是干什么的，初学Web前端的小伙伴不容错过。 Web前端开发主要用来干嘛？ Web前端开发工程师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中
web前端
xiaoxiong_w的博客
08-19 95
因为单体结构的问题，催生了微服务的系统架构。单体结构在初期因为用户少，开发快，成本低，所以契合了业务快速发展的需求，但到了某个用户量或时间点，问题就会暴露出来。所以在实际应用中，一般是通过主从数据库来解决，“写”操作在主数据库完成，也就是增删改，所有“读”操作在从数据库完成。以数据库为例，这样的一个场景：用户A修改一个数据，用户B刚好访问这个数据，修改前后访问数据就不同了，这就存在一个同步问题。B/S架构又称瘦客户端，更多依赖于浏览器，不需要预先下载软件，显示逻辑交给web浏览器，减少了客户端的压力。
03、web前端简介
weixin_44749822的博客
04-20 1479
文章目录前言一、web前端简介二、HTML(超文本标记语言）2.1 元素、内容和标签1.引入库2.读入数据总结 前言 今天又是继续扒拉爬虫的一天。今日份知识点依然是围绕与Python爬虫相关的知识点——Web前端的HTML、CSS和Javascript进行简单介绍。 一、web前端简介 好多人对前后端的划分都存在着模糊的概念，实际上web开发可分为： 前端（FRONT END）：用户看到的内容都是前端，前端关注页面展现。 后端（BACK END):实现功能、数据的存取、平台的稳定性与性能等。后端更注.
2024年Web前端最全web从0到1快速搭建自己的网站（小白版），字节跳动上千道精选面试题还不刷起来
2401_84411323的博客
05-11 298
今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。所以看完之后，还是多多行动起来吧！可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
WEB前端介绍
m0_72447899的博客
03-09 550
前端开发需要掌握HTML、CSS、JavaScript等技术，以及流行的前端框架。了解这些技术和框架可以帮助您构建美观、高效的Web应用程序。
《Web 前端设计与开发》课程整体教学设计.docx
12-16
"《Web前端设计与开发》...这门课程的教学设计全面考虑了职业教育的特点，结合实际工作岗位需求，旨在构建一个理论与实践相结合、技能与素质并重的教育体系，确保学生毕业后能够迅速适应并胜任Web前端开发的相关工作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值