网页设计html基础知识

最新推荐文章于 2024-04-13 17:36:59 发布

万物皆可联……

最新推荐文章于 2024-04-13 17:36:59 发布

阅读量840

点赞数 2

分类专栏：初识HTML 文章标签：前端 html

本文链接：https://blog.csdn.net/qq_35354139/article/details/125685291

版权

初识HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1、网页设计html基础结构

文章目录

前言
一、HTML是什么？
二、HTML基本结构
- 1.基本结构代码
- 2.第一个Hello World！
总结

前言

HTML 很容易学习！相信您能很快学会它！

加油！奥利给！

一、HTML是什么？

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

二、HTML基本结构

1.基本结构代码

代码如下（示例）：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
</html>

<!DOCTYPE html> 声明为 HTML5 文档，告诉浏览器如何解析。

<html> 是 HTML 页面的根元素

<head>是头部元素，用户看不到的区域，里面存放一些样式格式，包括<meta>编码形式，“utf-8”是国际通用编码形式，<title>里面存放的是网页的标题，代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>网页设计教程</title>
	</head>
	<body>
	</body>
</html>

网页显示效果如下，网页头部显示标题为<title>里面的内容。

<body>为用户可见的区域，显示所有元素。

2.第一个Hello World！

代码如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>网页设计教程</title>
    </head>
    <body>
        <p>Hello World！</p>
    </body>
</html>

显示效果：

<p>为一个段落标签。

总结

以上就是今天要讲的内容，本文仅仅简单介绍了HTML的基本结构，用<p>段落标签输出显示“Hello World！”

下节我们讲HTML里的所有基本标签

万物皆可联……

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
3
评论
网页设计html基础知识

0基础，手把手教会你如何设计简单网页。
复制链接

扫一扫

专栏目录