HTML 简单介绍

简介: HTML 简单介绍

网页的组成部分

页面由三部分内容组成! 分别是内容(结构)、表现、行为。

内容(结构),是我们在页面中可以看到的数据。我们称之为内容。一般内容 我们使用

html 技术来展示。 表现,指的是这些内容在页面上的展示形式。比如说。布局,颜色,大小等等。一般使用

CSS 技术实现行为,指的是页面中元素与输入设备交互的响应。一般使用 javascript 技术实现。


简介


Hyper Text Markup Language (超文本标记语言) 简写:HTML HTML 通过标签来标记要显示的网页中的各个部分。网页文件本身是一种文本文件, 通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画 面如何安排,图片如何显示等)


创建 HTML 文件。

1、创建一个 web 工程(静态的 web 工程)


fe82387ab13d4366b0b41cd4eda884d4.png


image.png

image.png


2、在工程下创建 html 页面

a78c44d685624c0b8ae868554a9d1c70.png


选择浏览器执行页面


c1d9af1ee1b645a285634a1fe4414026.png


第一个 html 示例:


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>
<body>
hello
</body>
</html>

注:Java 文件是需要先编译,再由 java 虚拟机跑起来。但 HTML 文件它不需要编译,直接由浏览器进行解析执行。

HTML 文件的书写规范

<html> 表示整个 html 页面的开始
<head> 头信息
<title>标题</title> 标题
</head>
<body> body 是页面的主体内容
页面主体内容
</body>
</html> 表示整个 html 页面的结束

Html 的代码注释 <!-- 这是 html 注释,可以在页面右键查看源代码中看到 -->


相关文章
|
1月前
|
移动开发 UED HTML5
HTML53
HTML5表单引入了新表单元素、新属性、新输入类型及自动验证功能,提升了用户体验和开发效率。同时,HTML5移除了如 `&lt;acronym&gt;`、`&lt;applet&gt;` 等多个HTML 4.01中的元素,简化了网页结构。
|
1月前
|
存储 移动开发 UED
HTML5 1
HTML5 是对传统 HTML 的重大升级,引入了新元素和属性,全面支持 CSS3,并增强了多媒体功能(Video 和 Audio)、图形处理(2D/3D 制图)、本地存储和应用开发能力。它简化了视频和音频的嵌入,提供了强大的图形绘制工具(如 &lt;canvas&gt; 和 SVG),并优化了 Web 应用的性能和用户体验。此外,HTML5 还引入了多种新的 CSS3 特性,如动画、转换和阴影效果等。
|
4月前
|
数据格式
什么是HTML?
【8月更文挑战第27天】什么是HTML?
50 2
|
4月前
|
存储 前端开发
什么是HTML
什么是HTML
49 1
|
6月前
|
移动开发 前端开发 搜索推荐
|
5月前
|
前端开发 信息无障碍 开发者
HTML4(二)(上)
HTML4(二)(上)
63 0
|
7月前
|
存储 移动开发 缓存
html5
html5
44 4
|
前端开发
HTML详解连载(6)
HTML详解连载(6)
|
移动开发 开发工具 HTML5
HTML5简单总结
学习HTML后的简单总结
178 0
HTML5简单总结