【Web编程学习】230910 第一个前端程序

前端开发主要是指在网页或移动应用中实现用户界面的开发工作。它涵盖了使用HTML、CSS和JavaScript等技术来构建用户界面,实现页面布局、样式设计、交互效果和数据展示等功能。

前端开发的基本技能包括:

  1. HTML(超文本标记语言):用于定义网页结构和内容的标记语言,负责构建页面的骨架。

  2. CSS(层叠样式表):用于描述网页的样式和布局,负责美化页面的外观。

  3. JavaScript(JS):一种脚本语言,用于实现网页的交互功能,包括用户输入验证、动态内容生成、事件处理等。

此外还有其他相关技术和框架,如:

  1. 响应式设计:使网页能够根据不同设备的屏幕尺寸自动调整布局和样式,提供更好的用户体验。

  2. jQuery:一个流行的JavaScript库,简化了DOM操作、事件处理和动画效果等任务。

  3. React、Angular、Vue.js等前端框架:通过组件化思想来构建复杂的用户界面,提高开发效率和可维护性。

  4. AJAX:异步JavaScript和XML,用于在不刷新整个网页的情况下与后端服务器进行数据交互。

总的来说,前端开发是构建用户界面的工作,需要掌握HTML、CSS和JavaScript等技术,以及一些相关框架和工具。这些技能可以帮助开发人员实现良好的用户体验,并与后端进行数据交互。

上述问题来源于一个AI文本工具,当然,平常当作搜索引擎来使用。

本篇主要还是先创作一个简单的前端程序。
步骤:

  1. 在本地一个空的文件夹中【…\230910\源码示例】新建文件【Welcome.txt】
    注:这里使用电脑默认的文本编辑器来进行编写代码的操作,后续可以安装一些专业的软件。
  2. 在文本中写入如下信息:
<html>
	<head>
		<title>我的网页</title>
	</head>
	<body>
		hello,我的第一个网页!!!!
	</body>
</html>

注:

  • 所有代码的编写情况都需要在英文输入法情况下,刚开始的多数问题就是有一些符号中英混肴导致的。
  • HTML:是HTML标记语言中的两个标签,表示一个HTML文档的开始和结束。用于定义HTML文档的根元素,它包含了整个HTML文档的内容。在标签内部,可以包含和两个子标签。
  • head:标签用于定义文档的头部,包含了一些对文档的描述信息,如标题、字符编码等,并可以引用外部的样式表(CSS文件)和脚本文件(JavaScript文件)。
  • body:标签用于定义文档的主体内容,包含了展示给用户的页面内容,如文字、图片、链接、表单等。
  1. 更改文件的后缀名为.html,选择使用浏览器打开:
    在这里插入图片描述
    注:这里可以看到运行的前端程序展示出的样子,很简单,能看到的东西就是在html文件中写入的title(我的网页)和页面body标签中展示的内容(hello,我的第一个网页!!!!)

这样,就结束了,回见。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值