返回

这是标题

闲谈

HTML在Web开发中的详细用法

HTML 结构

一般情况下在pycharm里新建一个html类型的文件时，会自动生成以下代码：

<!DOCTYPE html>
<html>
<head>
    
</head>
<body>
    <h1>这是标题1</h1>
    <p>这是段落</p>
</body>
</html>

如果自动生成，就输入“！”，然后摁下tab键就会出来。

常用标签

标签 定义 示例
<html> 定义HTML文档 <html>
<head> 定义文档头部 <head>
`
<body> 定义文档主体 <body>
<h1> 定义一级标题 <h1>这是标题1</h1>
<h2> 定义二级标题 <h2>这是标题2</h2>
<h3> 定义三级标题 <h3>这是标题3</h3>
<p> 定义段落 <p>这是段落</p>
<br> 定义换行 <br>
<a> 定义超链接 <a href="https://www.baidu.com">百度</a>
<img> 定义图像 <img src="image.jpg" alt="这是图像">

HTML标签用法示例

1. 创建一个简单的HTML文档

<!DOCTYPE html>
<html>
<head>
    
</head>
<body>
    <h1>欢迎访问我的网站</h1>
    <p>这是我的第一个HTML页面。</p>
</body>
</html>

2. 使用标签创建标题

<h1>这是标题1</h1>
<h2>这是标题2</h2>
<h3>这是标题3</h3>

3. 使用标签创建段落

<p>这是段落1。</p>
<p>这是段落2。</p>

4. 使用标签创建超链接

<a href="https://www.baidu.com">百度</a>

5. 使用标签创建图像

<img src="image.jpg" alt="这是图像">

结语

HTML是Web开发的基础语言，掌握HTML可以帮助您创建出美观实用的网站。本文介绍了HTML的基本语法和常用标签，希望对您有所帮助。