HTML入门

最新推荐文章于 2024-09-14 18:46:05 发布

@999

最新推荐文章于 2024-09-14 18:46:05 发布

阅读量130

点赞数

文章标签： java html web

本文链接：https://blog.csdn.net/weixin_45683851/article/details/103593620

版权

HTML入门

一、概述：

HTML(Hyper Text Markup Language)——超文本标记语言

文本：文字、有格式的文本

超文本包括：文字、图片、音频、视频、动画等。

标记语言： <>

目前已经更新到了HTML5版本。HTML5提供了一些新的元素和一些有趣的新特性，同时也建立了一些新的规则。这些元素、特性和规则的建立，提供了许多新的网页功能，如使用网页实现动态渲染图形、图表、图像和动画，以及不需要安装任何插件直接使用网页播放视频等。

很大的优势：

1.跨平台；

2.被许多大公司认可，实现了统一；

3.市场需求高。

W3C标准

W3C : World Wide Web Consortium (万维网联盟)

成立于1994年，Web技术领域最权威和最具影响力的国际中立性技术标准机构

http://www.chinaw3c.org/

.com 国际的

.cn 中国

.org 开源的

W3C标准包括

1.机构化标准语言（HTML、XML）；

2.表现标准语言（CSS）;

3.行为标准（DOM、ECMAScript 标准==> JavaScript）

很多浏览器还停留在ES5规范上，但是开发人都使用的是ES6规范（下面会讲如何配置浏览器标准）

二、我的第一个网页

采用IDEA开发工具

配置浏览器

点击File——点击Settings——Tools：

在这里插入图片描述

配置语言

点击File——点击Settings——Languages & Frameworks：

在这里插入图片描述

在之前的博客中，一直是在src文件夹下进行java文件的编写，编写html文件就不用使用src文件夹了，可以自己新建一个文件夹，然后在此文件夹上新建一个HTML文件即可。

建立成功后，便可得到下图：

在这里插入图片描述

HTML基本结构

<!--HTML的注释符号，快捷键为：Ctrl + Shift + /-->

<!--DOCTYPE 告诉浏览器，自己使用的规范语言为......-->
<!DOCTYPE html>

<!--html 总标签，所有代码必须写在总标签里面，否则没有任何意义-->
<html lang="en">

<!--head 网页的头部-->
<head>

    <!--meta 描述性标签，可以描述网站的一些信息-->
    <!--meta 一般用来做SEO(搜索引擎优化)-->
    <!--meta 一般都会默认设置编码格式为UTF-8-->
    <meta charset="UTF-8">

    <!--title 网页的标题-->
    <title>Title</title>
</head>

<!--body 为网页的主体部分，将内容写在body中-->
<body>
    Hello！我的第一个网页！
</body>
</html>

<body>、</body>等成对的标签，分别叫开放标签和闭合标签；

单独呈现的标签（空元素），称为自闭合标签，如<hr/>：用/来关闭空元素。

编写成功后，点击浏览器的图标即可。得到：

在这里插入图片描述