HTML入门零基础教程(一)

简介: HTML入门零基础教程(一),一起来学习吧。

嗨,欢迎来到异星球,我是小怪同志。这篇文章主要讲解HTML入门零基础教程,请一起学习吧。

一、网页的基本组成

1.什么是网页?

网站是指在因特网上根据一定的规则,使用HTML等制作的用于展示特定内容相关的网页集合。

比如淘宝就是一个网站,里面什么都有,而点击天猫就会跳转到天猫这个网页,所以说网站是网页的集合。

网页是网站中的“一页”,通常是HTML格式的文件,它要通过浏览器来阅读。

因此网页是构成网站的基本元素,它通常是由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常见以.htm或.html后缀结尾的文件因此将其俗称为HTML文件。

image.png2.png2.什么是HTML?

HTML指的是超文本标记语言,它是用来描述网页的一种语言。

HTML不是一种编程语言,而是一种标记语言。

标记语言是一套标记标签。

超文本,有2层含义:

(1)它可以加入图片、声音、动画、多媒体等内容(超越了文本限制)

(2)它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接,(超级链接文本)。

3.网页的形成?

网页是由网页元素组成,这些元素是利用html标签描述出来,然后通过浏览器解析出来显示给用户。

前端人员开发代码

3.png

浏览器显示代码(解析、渲染)

4.png

生成最后的web页面(网友眼中的美丽)

4.网页总结

网页是图片、链接、文字、声音、视频等元素组成,其实就是一个html文件(后缀名为html)。

网页生成制作:有前端人员书写HTML文件,然后用浏览器打开,就能看见网页。



3.png

相关文章
|
29天前
|
存储 JavaScript 算法
(html在线预览cad图纸插件)网页CAD绘制条形码、二维码的教程
本文介绍了如何在mxcad中绘制条形码和二维码。对于条形码,首先根据应用场景选择合适的编码标准(如CODE39、EAN13等),通过编码规则将数据转换为二进制,并利用`McDbHatch`绘制条和空的组合,同时支持自定义实体及属性管理。 对于二维码,因其能存储更多信息且具备更强纠错能力,采用开源库QRCode.js进行编码处理,再通过`McDbHatch`绘制黑白矩阵,同样封装成自定义实体以便管理和扩展。文中还给出了完整的绘制流程与效果展示,包括创建二维码对象、设置参数、调用绘制方法以及最终的效果图。整个过程体现了灵活运用API与第三方库来实现复杂图形绘制的能力。
|
2月前
|
移动开发 前端开发 Java
|
4月前
|
移动开发 前端开发 JavaScript
HTML入门(详细)
HTML入门(详细)
39 0
|
5月前
|
前端开发 程序员
【前端web入门第二天】01 html语法实现列表与表格_合并单元格
本文介绍了HTML中的列表与表格的使用方法。列表包括无序列表(`<ul>`嵌套`<li>`)、有序列表(`<ol>`嵌套`<li>`)和定义列表(`<dl>`嵌套`<dt>`和`<dd>`)。
101 19
|
5月前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`<img>`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`<a>`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
85 13
|
5月前
|
前端开发 程序员 C++
【前端web入门第一天】01 开发环境、HTML基本语法文本标签
本文档详细介绍了HTML文本标签的基础知识。首先指导如何准备开发环境,包括安装VSCode及常用插件;接着全面解析HTML的基本结构与标签语法,涵盖从基本骨架搭建到注释的使用,以及标题、段落、换行和平行线、文本格式化等标签的具体应用,适合初学者循序渐进地掌握HTML。
|
6月前
|
移动开发 开发者 HTML5
构建你的首个个人网站:HTML基础入门
【8月更文挑战第29天】在数字化时代,拥有一个个人网站是展示自我、分享知识和技能的窗口。本文将引导你通过简单的步骤,使用HTML构建你的第一个个人网站。我们将探索HTML的基础标签,页面结构,以及如何将这些元素融合在一起创建一个简单的网页。无论你是编程新手还是希望扩展你的技术工具箱,这篇文章都提供了一条清晰的路径,帮助你开始你的网站开发之旅。
|
6月前
|
缓存 Java 应用服务中间件
SpringMVC入门到实战------七、SpringMVC创建JSP页面的详细过程+配置模板+实现页面跳转+配置Tomcat。JSP和HTML配置模板的差异对比(二)
这篇文章详细介绍了在SpringMVC中创建JSP页面的全过程,包括项目的创建、配置、Tomcat的设置,以及如何实现页面跳转和配置模板解析器,最后还对比了JSP和HTML模板解析的差异。
SpringMVC入门到实战------七、SpringMVC创建JSP页面的详细过程+配置模板+实现页面跳转+配置Tomcat。JSP和HTML配置模板的差异对比(二)
|
7月前
|
人工智能 前端开发 JavaScript
HTML 【实用教程】(2024最新版)
HTML 【实用教程】(2024最新版)
73 0
|
8月前
|
数据安全/隐私保护
杨老师课堂之网页制作HTML的学习入门-含有案例2
杨老师课堂之网页制作HTML的学习入门-含有案例
32 0

热门文章

最新文章