HTML基础

HTML标题

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


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
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基础_第1张图片

HTML段落

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


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

结果为
HTML基础_第2张图片

HTML超链接

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


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

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


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
    
<a href="mailto:[email protected]">点击这里进入本电脑邮箱a>
<a href="tel:13985274135">点击这里直接打开拨号页面a>

body>
html>

结果为
HTML基础_第5张图片

HTML图像

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


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

结果为
HTML基础_第6张图片

HTML基本标签与特殊字符


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
    
    <strong>这是   一个段落strong> <br>
    <strong>这是一个段落strong>
    <hr>
    >这是一个大于号
    <这是一个小于号
    "这是一个等号
    ©这是版权符号

body>
html>

结果为
HTML基础_第7张图片

你可能感兴趣的:(html)