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

本文介绍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>

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

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

  • HTML 水平线是通过<hr> 标签在 HTML 页面中创建水平线;
  • <!-- 这是一个注释 -->

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值