欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

HTML基础

程序员文章站 2022-06-26 08:39:08
1·什么是 HTML? HTML: Hyper Text Markup Language : 超文本标记语言 超文本: 功能比普通文本更加强大 标记语言: 使用一组标签对内容进行描述的语言, 它不是编程语言 2· HTML 的语法和规范 HTML 文件都是以.html 或者.htm 结尾的, 建议使 ......

HTML标题

HTML标题是从 h1-h6来定义的 h7以后的相当于没有格式。
实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>这是一个h1标题</h1>
    <h2>这是一个h2标题</h2>
    <h3>这是一个h3标题</h3>
    <h4>这是一个h4标题</h4>
    <h5>这是一个h5标题</h5>
    <h6>这是一个h6标题</h6>
    <h7>这是一个h7标题</h7>
</body>
</html>

结果为
HTML基础

HTML段落

HTML中的段落是用p来定义的
实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <p>这是一个段落</p>
    <p>这是另一个段落</p>
</body>
</html>

结果为
HTML基础

HTML超链接

HTML链接是通过a标签来定义的
例如

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <a href="https://www.baidu.com">点一下这里进入百度</a>
</body>
</html>

结果为
HTML基础
HTML基础功能性超链接
用电脑点击邮箱可以直接进入电脑的邮箱软件
用手机点击打电话可以直接进入拨号页面,但必须电脑和手机在同一局域网下(例如同一热点)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
<a href="mailto:1132235434@qq.com">点击这里进入本电脑邮箱</a>
<a href="tel:13985274135">点击这里直接打开拨号页面</a>

</body>
</html>

结果为
HTML基础

HTML图像

HTML图像是用img标签来定义的
例如

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <img src="./tv01.jpg" alt="">这是一个电视机
</body>
</html>

结果为
HTML基础

HTML基本标签与特殊字符

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <strong>这是 &nbsp; 一个段落</strong> <br>
    <strong>这是一个段落</strong>
    <hr>
    &gt;这是一个大于号
    &lt;这是一个小于号
    &quot;这是一个等号
    &copy;这是版权符号

</body>
</html>

结果为
HTML基础

本文地址:https://blog.csdn.net/s001125/article/details/112532338

相关标签: html