HTML basics

HTML address

The HTML name is equivalent to the formatting after the definition of H7 from H1-H6.
Example

<!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>

a result

HTML – Paragraph

Pharms are defined in HTML by P.
Example

<!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>

a result

HTML hyperlink

An HTML link is defined by the A tag.
for example

<!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">Нажмите здесь, чтобы войти в Baidu</a>
</body>
</html>

a result

Functional hyperlink
Click on the computer mailbox to enter directly into the computer mailbox software
You can go directly to the mobile connection page, but you must have a computer and mobile phones within the same local network (for example, on the same hotspot)

<!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:[email protected]">Нажмите здесь, чтобы ввести этот почтовый ящик компьютера</a>
<a href="tel:13985274135">Нажмите здесь, чтобы напрямую открыть страницу набора</a>

</body>
</html>

a result

HTML image

HTML image identified by IMG TAG
for example

<!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>

a result

Basic HTML tags and special characters

<!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>

a result

Leave a Comment