HTML学习——创建运行、标签

最新推荐文章于 2025-05-21 17:23:56 发布

HUSTER_Gy

最新推荐文章于 2025-05-21 17:23:56 发布

阅读量340

点赞数 1

CC 4.0 BY-SA版权

分类专栏： HTML

本文链接：https://blog.youkuaiyun.com/HUSTER_Gy/article/details/88915129

HTML 专栏收录该内容

1 篇文章

订阅专栏

本文介绍HTML的基础知识，包括如何创建HTML文档、常用标签的使用方法及示例。覆盖标题、段落、链接、图片等元素，并说明如何在Safari浏览器中进行调试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、html的创建与运行

开发工具：VS Code
运行环境：IOS Safari

创建一个新的文件，代码如下

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

<h1> Hello,world.</h1>
<p> 你好，世界。</p>

</body>
</html>

以html格式保存，用Safari打开即可。

二、标签的使用

<~>....</~>

HTML 标题（Heading）是通过<h1> - <h6> 标签来定义；

<h1> Hello,world.</h1>

HTML 段落是通过标签 <p> 来定义；

<p> 你好，世界。</p>

HTML 链接是通过标签 <a> 来定义；

<a href="http://www.runoob.com/">菜鸟教程</a>

最后还要加一个“/”

HTML 图像是通过标签 <img> 来定义；

<img src = "/Users/yogo/Downloads/html/标签使用/timg.jpeg" width="664" height="193"/>

最终

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

<h1> Hello,world.</h1>
<p> 你好，世界。</p>

<h2> 第二段标题</h2>
<p>第二段。</p>

<a href="http://www.runoob.com/">菜鸟教程</a>

<img src = "/Users/yogo/Downloads/html/标签使用/timg.jpeg" width="664" height="193"/>

</body>
</html>