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

一、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学习——创建运行、标签

二、标签的使用

<~>....</~>

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>

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

【如何在Safari上调试手机网站页面】

开发 > 进入相应式设计模型