那些酷炫的网页你也可以做到——第一篇(认识HTML)

简介: 那些酷炫的网页你也可以做到——第一篇(认识HTML)

“走进HTML”

image.png


image.png

image.png


还在看着这些好看高级的网页暗暗羡慕吗?想明白它们是怎么做到的吗?点开这篇文章就对了,跟着我学习,你也能作出这么好的属于自己的网页,可以在自己的朋友面前小炫一番。废话少说,我们直接切入正题。


1.什么是HTML?

HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

超文本:包含超链接的文本。鼠标移到其上,变为手形,可以点击打开新链接的。


2.HTML的发展: HTML在Web迅猛发展的过程中起着重要作用,有着重要的地位。但随着网络应用的深入,特别是电子商务的应用,HTML过于简单的缺陷很快凸现出来:HTML不可扩展。HTML不允许应用程序开发者为具体的应用环境定义自定义的标记。HTML只能用于信息显示。HTML可以设置文本和图片显示方式,但没有语义结构,即HTML显示数据是按照布局而非语义的。随着网络应用的发展,各行业对信息有着不同的需求,这些不同类型的信息未必都是以网页的形式显示出来。


3.HTML是最基础的网页语言


4.HTML的代码都是由标签所组成的,所以我们学习的重点就是标签。


HTML的基本格式


HTML全部都是由标签组成的,一般有开始标签和结束标签,他们是成对出现的,开始标签和结束标签一样,只是结束标签加了个“/”。


<html>//开始标签</html>//结束标签


开始标签和结束标签之间有两部分:一种是头补内容,另一种是主体内容。

头部内容:里面的内容会先加载

主体内容:网页显示的主要内容


<html>//开始标签<head>这是头部内容</head><body>这是主体内容感谢关注,一起学习。</body></html>//结束标签

image.png

网页显示的结果:

源代码:

 
         


开发工具


创建网页用到的开发工具是MyEclipse10

* 第一步:安装JDK,配置环境变量

* 第二步:安装 MyEclipse 10.0 版本

* 第三步:安装成功之后不要运行,先破解

* 第四步:启动MyEclipse,选择工作空间

目录
相关文章
|
1月前
|
存储 移动开发 前端开发
HTML基础知识:构建网页的基石
【10月更文挑战第11天】HTML基础知识:构建网页的基石
71 0
|
3月前
|
数据采集 移动开发 前端开发
HTML代码的革命:语义化标签的魅力,让你的网页结构焕然一新!
【8月更文挑战第26天】本文探讨了Web前端开发中的语义化标签概念及其重要性。语义化标签通过使用具有明确含义的HTML标签来构建页面结构,提升了网页的可访问性及搜索引擎优化效果,并增强了代码的可读性和维护性。文章还讨论了实际开发中遇到的问题及未来发展趋势。
56 0
|
2月前
|
JavaScript 前端开发 容器
用HTML DOM实现有条件地渲染网页元素(上)
用HTML DOM实现有条件地渲染网页元素(上)
|
2月前
|
存储 JavaScript 前端开发
用HTML DOM实现有条件地渲染网页元素(下)
用HTML DOM实现有条件地渲染网页元素(下)
|
1月前
|
数据安全/隐私保护 C++
【HTML】构建网页的基石
本文介绍了HTML的基本概念和常用标签,包括HTML文件的基本结构、常见标签(如标题、段落、换行、图片、超链接等)、表格与表单的使用方法,以及无语义标签div和span的特性。通过具体示例展示了如何在VS Code中快速生成HTML框架及各标签的应用场景,帮助初学者快速掌握HTML的基础知识。
50 1
【HTML】构建网页的基石
|
2月前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
2月前
|
移动开发 前端开发 数据挖掘
用HTML5中的 画布(Canvas)在“圳品”信息系统网页上绘制显示饼图
用HTML5中的 画布(Canvas)在“圳品”信息系统网页上绘制显示饼图
|
3月前
|
移动开发 数据安全/隐私保护 UED
HTML表单标签详解:如何用HTML标签打造互动网页?
通过合理使用HTML表单标签,可以构建功能丰富、用户友好的互动网页。HTML表单的元素和属性提供了丰富的输入选项和验证功能,使得收集和处理用户输入成为可能。随着HTML5的发展,表单元素的功能性和用户体验将继续得到提升。开发者应充分利用这些工具,为用户打造流畅、互动性强的网页体验。
47 4
|
3月前
|
数据安全/隐私保护
新年快乐鞭炮祝福html网页源码
新年快乐鞭炮祝福html网页源码,动态点燃鞭炮动画祝福新年快乐,带新年背景音乐,无加密完整可用,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面。
42 0
新年快乐鞭炮祝福html网页源码
|
3月前
|
前端开发
一键复制微信聊天框效果:HTML+CSS让网页聊天更生动!
一键复制微信聊天框效果:HTML+CSS让网页聊天更生动!
下一篇
无影云桌面