一、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>
【如何在Safari上调试手机网站页面】
开发 > 进入相应式设计模型
- HTML 水平线是通过<hr> 标签在 HTML 页面中创建水平线;
- <!-- 这是一个注释 -->