Web前端总结day1

最新推荐文章于 2024-07-12 16:27:40 发布
最新推荐文章于 2024-07-12 16:27:40 发布
阅读量687 收藏 5
点赞数 2
分类专栏： Web前端 文章标签： 前端 html javascript 1024程序员节
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/elementqueen/article/details/127465365
版权

一.Web前端

           Web前端一般由多种开发技术制作，是给用户展示的网页页面，即网站的前台部分。

多种开发技术：

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • BT（Bootstrap）

  • Angular

  • AngularJS

  • VUE

  • React

  • webpack

  • nodejs

二.HTML

           超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（Head）、和“主体”部分（Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

特点:

1、简单灵活；

2、可扩展性，HTML采取子类元素的方式，为系统扩展带来保证；

3、平台无关性，HTML可以使用在广泛的平台上；

三.标签

Ⅰ.常用标签

<head></head>-----------------------------------------------------------------------文档信息

<body></body>----------------------------------------------------------------------可见的页面内容

<b></b> 、<strong></strong>(强调语气)-------------------------------------字体加粗

<i></i>、<em></em>(强调语气)--------------------------------------------------斜体字

<br></br>-------------------------------------------------------------------------------换行

<p></p>---------------------------------------------------------------------------------段落

<pre></pre>---------------------------------------------------------------------------咋输入咋输出

<sub></sub>--------------------------------------------------------------------------下标

<sup></sup>--------------------------------------------------------------------------上标

<div></div>----------------------------------------------------------------------------块儿

<hr></hr>-------------------------------------------------------------------------------水平线

<del></del>----------------------------------------------------------------------------下划线

<h1-h6></h1-h6>---------------------------------------------------------------------标题字

Ⅱ.语义化标签

好处：

①可读性强，方便开发者进行维护

②对搜索引擎有指导效果

Ⅲ.多媒体标签

img标签

三种填写方式：1.绝对路径

                         2.相对路径

                         3."./"式路径

elementqueen
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HY的Web前端周记 Day1
qq_51167539的博客
03-14 2399
HY的Web前端开发周记 Day1 引子 2021.3.04，信息管理创新实践课程开始学习。主要了解了关于HTML、CSS、JavaScript 的基本概念及其用途，并对html基础元素、属性有了一定的了解。运用了HBuilder作为开发环境，在Hbulider上面实践了我们的第一个专属网页：个人自我介绍页。以下是我对本次课程学习的总结。 提示：以下是本篇文章正文内容，下面案例可供参考 一、HTML、CSS、JavaScript HTML 超文本标记语言（英语：HyperText Markup Langu
【web前端基础day02】表格table+表单form
qq_61971608的博客
01-16 3688
HTML over
快速学习web前端day1
javfen的博客
02-03 93
自主学习web前端
Web前端作业day1
elementqueen的博客
10-24 570
Web前端作业day1
WEB前端学习day1-HTML
qq_44850230的博客
03-19 1341
HTML基础知识 1.HTML语法规范 <html> <head></head> <body></body> </html> <br/> 标签是尖括号包围的关键字。 通常是双标签，开始和结束标签，如<html>等； 也有单标签，如<br/> 也可写为<br> (转义标签用``) 2.网页初始化 DOCTYPE:声明文档类型 告诉浏览器使用哪种HTML版本来显示网页 lang：定义文档
web前端期末大作业（附有源码）
m0_74087268的博客
12-28 9390
这里使用的是Visual Studio Code（VSCode）设计的Web前端作业，包括了HTML、CSS和JavaScript。选用VSCode作为开发环境和工具来说有诸多优势之处，也给设计前端时带来了诸多益处。首先，是VSCode智能代码提示和补全。VSCode具备强大的代码提示功能，能够根据输入和上下文提供智能建议，减少拼写错误和语法问题，提高编码效率。其次，VSCode拥有丰富的扩展生态系统。
WEB前端学习日志Day 1
bbbbbbxxx的博客
03-16 1258
WEB前端学习日志网页的组成网页的构成WEB标准计算机语言HTML的发展初次尝试VScode 网页的组成 1.网址（域名） 2.资源存储空间（租用空间）：服务器 3.项目制作：a.规划网站的资源，功能等 b.网站的设计，界面，交互 c.前端设计（承上启下） d.后端 e.联调，测试 f.上线 g.维护 网页的构成 网页的结构：网页中的文字，图片等 网页的表现：网页中的排版，文字的颜色等 网页的...
web前端基础知识
qq_43375584的博客
02-28 6170
HTML&CSS基础经典版 HTML：结构（页面元素和内容） css：表现（网页元素的外观和位置等页面样式） 行为：JavaScript：行为（网页模型定义与页面交互） 排版标签 排版标签标题标签：h系列标签 重要程度依次递减 特点：独占一行、h1-h6文字逐渐减小 段落标签：p 特点：段落之间存在间隙、独占一行 换行标签： 水平分割线： 文本格式化标签 场景：让文字加粗b strong、下划线u ins、倾斜i em、删除线s del等 语义：突出重要
Day21 - Web前端概述
Laic Zhang的博客
05-04 2055
Day21 - Web前端概述 HTML简史 1991年10月：一个非正式CERN（欧洲核子研究中心）文件首次公开18个HTML标签，这个文件的作者是物理学家蒂姆·伯纳斯-李，因此他是万维网的发明者，也是万维网联盟的主席。 1995年11月：HTML 2.0标准发布（RFC 1866）。 1997年1月：HTML 3.2作为W3C推荐标准发布。 1997年12月：HTML 4.0作为W3C推荐标...
WEB前端开发练习代码
tiantianzs的博客
01-11 6101
<!DOCTYPE html> <!-- HTML5申明 --> <html lang="zh"> <!-- 表示本网站为中文网站 --> <!-- 头部，定义网页标题和字体样式等 --> <head> <meta charset="UTF-8"> <!-- 定义网页为UTF-8编码 --> <title>Web前端开发技术初步应用</title> &l.
Web前端.DAY1.mp4
05-16
Web前端.DAY1.mp4
Web前端.DAY1实体.avi
05-16
Web前端.DAY1实体.avi
Web前端.DAY1路径.avi
05-16
Web前端.DAY1路径.avi
Web前端.DAY1关系.mp4
05-16
Web前端.DAY1关系.mp4
Web前端.DAY1关系.avi
05-16
Web前端.DAY1关系.avi
更新商品前端接口编写
最新发布
weixin_55639995的博客
07-12 191
那么在vue运行的时候,会加载所有的ref属性特征的元素还有组件。标签中ref的作用就是将 该组件注册到vue对象的ref属性中。使用插槽,那个scope就是代表着一行的数据。然后里面的选项遍历的是 js定义的数据。如果文字显示过多可以使用 文本隐藏显示。表单绑定还有表单数据的绑定。数据绑定使用的表单绑定状态。写form表单然后封装数据。状态的选择使用的是选择框。副标题使用的是文本域。状态页面使用,下拉框。富文本选择器使用组件。使用后端枚举类型去写。
Node多版本管理器NVM安装使用
GongWeiBuQi的博客
07-11 143
安装node很方便，只需要一条命令可以轻松切换node版本可以多版本node并存。
Javafx利用fxml变换场景的小细节
2301_80311013的博客
07-09 822
在这个代码中，在JavaFX中，FXMLLoader是用来加载FXML文件并将其转换为Java对象（例如控制器类）的工具。当您使用FXMLLoaderFXMLLoader在整个过程中，FXMLLoader是使用JavaFX的后台线程（也称为JavaFX线程）来执行这些操作的，这是为了保持UI线程的响应性。这意味着在用户界面（UI）线程中，您不会看到任何阻塞，即使FXMLLoader正在执行耗时的操作。当FXMLLoader完成加载并调用load()方法时，它会返回一个Parent。
vue实现预览编辑ppt、word、pdf、excel、等功能的解决方案（内网-前端）
m0_68271787的博客
07-10 615
在Vue中实现预览和编辑PPT、Word、PDF、Excel等文件的功能，尤其是在内网环境下且主要侧重于前端，我们需要明确的是，直接在前端编辑这些格式的文件（特别是PPT和Word）是非常复杂且通常不推荐的，因为这些格式涉及复杂的布局和格式设置。然而，我们可以实现预览功能，并可能通过一些间接方式支持简单的编辑（如表格数据的修改）。下面我将分别给出预览PPT、Word、PDF、Excel文件的Vue组件示例代码，并简要说明如何可能实现简单的编辑功能。
web前端实现制作课程表
06-09
{ name: '语文', day: 'monday', start: 1, end: 2, location: '教室A' }, { name: '数学', day: 'tuesday', start: 3, end: 4, location: '教室B' }, // 其他课程的数据 ]; // 遍历数据，将课程信息填充到表格...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值