web前端开发基础入门篇(一)

article/2025/10/25 16:54:37

1、什么是web?

www是环球信息网的缩写,(亦作“web”、“www”、“w3' ”,全称为“World Wide Web”,中文名字是“万维网”和“环球网”,所以常简称web。

2、关于HTML 

HTML是一种用来描述网页的语言,不是编程语言,不需要像编程语言一样去执行逻辑编码,它就仅仅是一种标记语言,通过不同的标记来让浏览器展示不同的效果。

3、W3C标准

W3C标准不是某一个标准,而是一系列标准的集合。 网页主要由三部分组成:结构、表现和行为。对应的标准也分三方面:结构化标准语言主要包括Xhtml和XML,表现标准语言主要包括css,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。

4、网页的开发工具

(1)在Windows中打开记事本程序。

(2)在记事本中输入HTML代码,具体如下:

 

(3)保存并退出,将上述文档重命名,扩展名更改为.html的HTML文档

 (4)双击打开保存的HTML文档,Windows将自动调用IE打开HTML文档

       另一种是借助于开发工具,-般常用于正式开发项目过程中,开发工具可以帮助开发者快速搭建开发环境,及提供常用语言提示服务,大大提高开发的效率,这些开发工具通常被开发者称之为集成开发环境(IDE, Integrated Development Environment )。 常用的开发工具有HbuilderX、Dreamweaver、 WebStorm、Sublime Text、VS Code等。

5、浏览工具

浏览器是网页运行的平台,常用的浏览器有 IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。我们平时称为五大浏览器。网页浏览器主要通过HTTP协议与网页服务器交互并获取网页,这些网页由URL指定,文件格式通常为HTML,并由MIME在HTTP协议中指明。一个网页中可以包括多个文档,每个文档都是分别从服务器获取的。大部分的浏览器本身支持除了HTML之外的广泛的格式,例如JPEG、PNG、GIF等图像格式,并且能够扩展支持众多的插件(plug-ins)。另外,许多浏览器还支持其他的URL类型及其相应的协议,如FTP、Gopher、HTTPS(HTTP协议的加密版本)。HTTP内容类型和URL协议规范允许网页设计者在网页中嵌入图像、动画、视频、声音、流媒体等。

浏览器有:

  • Internet Explorer

  • Mozilla Firefox

  • Chrome

  • Opera

  • Safari

  • 360安全浏览器

  • 360极速浏览器

  • UC浏览器

  • 傲游浏览器

  • 搜狗高速浏览器

  • 猎豹浏览器

  • QQ浏览器

  • 采编读浏览器

  • 极速采编读浏览器

  • 淘宝浏览器

  • 糖果浏览器

  • 百度浏览器

总结

   HTML文件的基本结构包括网页声明、网页基本信息、页面头部和页面主题等。

   编写HTML文档时应遵守W3C标准,W3C是制定和维护统一国际化Web开发标准的组织。

       本章主要是给小白学习和自身所学习的知识点的一个分享。

       最后我想说:很多东西看似底层,但其实最考验基础语法的功底。博主本人现在读大二,关于Web的讲解肯定有很多不够完善的地方,但我的初衷是分享。我也希望优秀的你,在评论区给我更加宝贵的建议和意见,感谢!!


http://chatgpt.dhexx.cn/article/kSFG5Puy.shtml

相关文章

【CSS基础】黑马程序员web前端开发入门(三)视频笔记

标题 1 基础认知1.1 体验CSS1.1.1 CSS的介绍1.1.2 CSS语法规则 1.2 CSS引入方式 2 基础选择器2.1 标签选择器2.2 类选择器2.3 id选择器2.4 通配符选择器 3 字体和文本样式3.1 字体样式3.1.1 字体大小:font-size3.1.2 字体粗细:font-weight3.1.3 字体样式…

前端开发入门到实战:HTML5 video视频播放

一、下面播报一则新闻 Chrome 70已经原生支持HTML5 <video>播放时候Picture-in-Picture,也就是俗称的画中画技术,也就是很多视频网站看评论时候,播放视频变小挂在右下角的这种交互技术。 我一瞅自己的Chrome浏览器,正好就是Chrome 70,体验了一番,挺有意思的,值得…

推荐六本前端开发必看的书籍

本文主要推荐六本前端开发必看的书籍 第一本&#xff1a;《JavaScript 语言精粹(修订版)》 我毕业后工作头一两年读的第一本 JavaScript 书就是《JavaScript 语言精粹》&#xff0c;当时完整地读了两遍&#xff0c;后来还时不时地会翻里面的重点看。对于前端刚工作的人和前端刚…

web前端开发入门学习线路图详解-2019升级版

现如今,Web前端工程师已经成为各大互联网公司不可或缺的热门职位,从业者队伍日渐庞大,这其中不乏零基础学习者和转行人士。为了方便大家系统而全面的掌握前端基础知识,千锋小编特意整理了web前端开发入门学习线路图和前端学习详细知识点汇总,希望对大家的学习有所帮助。 项…

【CSS进阶】黑马程序员web前端开发入门(四)视频笔记

标题 1 选择器进阶1.1 复合选择器1.1.1 后代选择器1.1.2 子代选择器 1.2 并集选择器1.3 交集选择器1.4 hover伪类选择器1.5 Emmet语法 2 背景相关属性2.1 背景颜色2.2 背景图片2.3 背景平铺2.4 背景位置2.5 背景相关属性连写拓展 3 元素显示模式3.1 块级元素3.2 行内元素3.3 行…

前端开发者快速入门安卓开发(安卓嵌入式开发课程经验总结)

目录 1.安卓开发结构2.xml3.java使用xml的标签Bitmap 4.开发注意 1.安卓开发结构 安卓开发和前端有异曲同工之处&#xff0c;只是js换成了Java&#xff0c;它的界面层是xml格式的&#xff0c;布局全部放在layout下 2.xml 以layout为根标签节点&#xff0c;一般有linearlayo…

WEB前端开发快速入门教程

目前web产品交互越来越复杂&#xff0c;用户使用体验和网站前端性能优化这些都得靠web前端工程师去做&#xff0c;web前端工程师是设计加开发的综合体&#xff0c;web前端工程师是在开发人员中最直接面向产品&#xff0c;面向用户的设计人员&#xff0c;一个开发团队的成果是要…

前端入门 01:基础入门

文章目录 目的开发工具基础说明简单示例相关拓展第三方库与框架打包成APP后端开发 总结题外话 目的 这些年硬件性能越来越好&#xff0c;HTML5、CSS3、ES6等新特性被越来越广泛的支持&#xff0c;前端开发变得越来越火。它简单易上手、效果华丽、跨平台&#xff0c;用作用户界…

前端之JavaScript入门篇

提示&#xff1a;这里是重中之重&#xff01; 文章目录 前言一、学习JavaScript的准备1.JavaScript的好处1.1、JavaScript的普适性1.2、JavaScript的易学性 2.如何插入JS3.引用JS外部文件4、JS在页面中的位置4.1、放在 部分&#xff1a;4.2、放在部分&#xff1a; 5、JavaScrip…

Web前端开发入门

浏览器工作原理 浏览器的工作原理&#xff1a;新式网络浏览器幕后揭秘 理解浏览器工作原理&#xff0c;包括浏览器的构成和渲染引擎的工作方式等。 这里简单提取了笔记&#xff0c;方便复习的时候快速过一遍。 https://blog.csdn.net/qq_18738333/article/details/87382924 …

前端开发入门之道

原文&#xff1a;http://www.w3cfuns.com/notes/18321/b3fe50a5de4e5d2922768aff34f21216.html 结合个人经历总结的前端入门方法&#xff0c;总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限&#xff0c;不能保证面面俱到&#xff0c;只是作为入门参考&a…

谷粒商城:06. 前端开发基础知识

前端技术栈对比 一、 VSCode使用 1. 安装常用插件 切换到插件标签页 安装以下基本插件 2. 创建项目 vscode 很轻量级&#xff0c;本身没有新建项目的选项&#xff0c;创建一个空文件夹就可以当做一个项目 3. 创建网页 创建文件 命名为 index.html 快捷键 ! 快速创建网…

前端入门教程(一)

1.网页 1.1 什么是网页 网站是指在因特网上根据一定的规则&#xff0c;使用HTML等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页”&#xff0c;通常是HTML格式的文件&#xff0c;它要通过浏览器来阅读。 网页是构成网站的基本元素&#xff0c;它通常由图片、链…

ThinkPHP6.0学习入门:环境搭建与安装教程

ThinkPHP6.0的环境要求如下&#xff1a; PHP > 7.1.06.0版本开始&#xff0c;ThinkPHP必须通过Composer方式安装和更新。 环境搭建&#xff1a; 可使用phpEnv软件快捷生成TP6所需的集成环境&#xff0c;包含了PHP7.4语言&#xff0c;Apache web服务器&#xff0c;Nginx w…

本机php环境搭建教程:windows环境下wampserver的配置教程——超级详细

转载自&#xff1a;http://youchunyan5.blog.163.com/blog/static/5896062020123474456352/ 本机php环境搭建教程&#xff1a;windows环境下wampserver的配置教程——超级详细 2012-01-25 14:28 对于初做PHP网站的朋友来说&#xff0c;第一步肯定是希望在自己电脑是搭建PHP环…

VSCode搭建 c 环境教程

文章目录 前言一、准备材料1.Visual Studio Code2.MinG-W64编译器 二、 环境搭建1.MinGW-w64编译器2.VSCode 三、整合四、测验疑难解答①.问&#xff1a;啥是VS Code&#xff1f;②.问&#xff1a;啥是编译器&#xff1f;③.问&#xff1a;什么是编程环境&#xff1f;④.问&…

ubuntu 搭建php环境

安装MySQL sudo apt-get install mysql-server安装过程设置mysql密码使用mysql -u root -p命令输入密码登录数据库 安装apache2 安装&#xff1a;sudo apt-get install apache2查看状态&#xff1a;service apache2 status 或 浏览器访问 localhost重启&#xff1a;service …

Mac下搭建php开发环境教程

这篇文章主要介绍了Mac下搭建php开发环境教程&#xff0c;Mac OS X内置了Apache 和 PHP&#xff0c;这样使用起来非常方便。本文以Mac OS X 10.6.3为例,需要的朋友可以参考下 Mac OS X 内置了Apache和 PHP&#xff0c;这样使用起来非常方便。本文以Mac OS X 10.6.3为例。主要内…

php本地环境搭建教程

http://jingyan.baidu.com/article/90bc8fc87f3cfff653640c24.html 如何在本地搭建php是大家都关注的&#xff0c;php环境搭建可以说比较容易也可以说比较难&#xff0c;对于新手而言环境搭建就是要学习以及测试所用的。PHP网站调试就是高手所用了。不管你是新手还是老手本地环…

PHP教程环境--环境搭建

正文: 1.服务器&#xff0c;如果使用windows操作系统那就选择xampp吧&#xff0c;下载zip版或都7z版&#xff0c;直接解压到任一个分区的根目录&#xff1b;如果是linux操作系统&#xff0c;建议使用添加删除程序&#xff0c;主流发行版中很容易选择开发php所需要的包。 2.开…