HTML - Символы: Путеводитель для начинающих
Здравствуйте, будущие веб-разработчики! Сегодня мы окунемся в fascинирующий мир HTML-символов. Как ваш доброжелательный邻居-преподаватель информатики, я рад помочь вам в этом путешествии. Давайте начнем!
Что такое HTML-символы?
HTML-символы - это особые символы, которые обычно не найти на стандартной клавиатуре. Они включают все, от символов авторского права до математических операторов и даже милых маленьких emoji! Эти символы добавляют нотку профессионализма и шарма вашим веб-страницам.
Представьте HTML-символы как приправу в рецепте вашего веб-дизайна. Точно так же, как щепотка соли может улучшить блюдо, правильный символ может сделать вашу веб-страницу более яркой!
Как inserting символы в HTML-документ?
Существует три основных способа вставки символов в ваш HTML-документ:
- HTML-энтитизы
- Десятичный код
- Шестнадцатеричный код
Давайте рассмотрим каждый метод с примерами:
1. HTML-энтитизы
HTML-энтитизы - это предопределенные имена для конкретных символов. Они всегда начинаются с знака "и" (&) и заканчиваются точкой с запятой (;).
<p>Я ♥ HTML!</p>Этот код отобразит: Я ♥ HTML!
♥ - это энтитиз для символа сердца. Не мило ли?
2. Десятичный код
Каждый символ имеет уникальный десятичный код. Чтобы использовать его, начните с &# и закончите с ;.
<p>Авторское право © 2023</p>Это покажет: Авторское право © 2023
Здесь © represents символ авторского права.
3. Шестнадцатеричный код
Похож на десятичные коды, но они начинаются с &#x и заканчиваются ;.
<p>Мне нравится 😊</p>Это отобразит: Мне нравится ?
😊 - это код для emoji笑脸. Это как добавить цифровую улыбку на вашу веб-страницу!
Валютные символы в HTML
Теперь давайте поговорим о деньгах! Валютные символы必需 для сайтов электронной коммерции или любых страниц, dealing с финансовой информацией. Вот таблица.common валютных символов:
| Валюта | Символ | Энтитиз | Десятичный код | Шестнадцатеричный код |
|---|---|---|---|---|
| Доллар | $ | $ | $ | $ |
| Евро | € | € | € | € |
| Фунт | £ | £ | £ | £ |
| Иена | ¥ | ¥ | ¥ | ¥ |
Давайте использовать эти в практическом примере:
<p>Цены на товары:</p>
<ul>
<li>США: $10.99</li>
<li>Европа: €9.99</li>
<li>Великобритания: £8.99</li>
<li>Япония: ¥1100</li>
</ul>Этот код создаст список цен в различных валютах. Это как mini международный рынок прямо в вашем HTML!
Математические символы в HTML
Для всех вас, кто увлекается математикой (и даже для тех, кто не очень), HTML предлагает широкий выбор математических символов. Эти символы особенно полезны для образовательных веб-сайтов или любого контента, involving уравнения.
Вот таблица некоторых.common математических символов:
| Символ | Значение | Энтитиз | Десятичный код | Шестнадцатеричный код |
|---|---|---|---|---|
| × | Умножение | × | × | × |
| ÷ | Деление | ÷ | ÷ | ÷ |
| ± | Плюс-минус | ± | ± | ± |
| √ | Квадратный корень | √ | √ | √ |
| ∑ | Сумма | ∑ | ∑ | ∑ |
Давайте применяем их в mathemathical выражении:
<p>Квадратное уравнение: x = (-b ± √(b<sup>2</sup> - 4ac)) ÷ (2a)</p>Это отобразит: Квадратное уравнение: x = (-b ± √(b² - 4ac)) ÷ (2a)
Не удивительно, как мы можем представить сложные mathemathical формулы с помощью HTML-символов?
Заключение
И вот мы и добрались до конца,朋友们! Мы совершили путешествие по миру HTML-символов, от сердец до валютных символов и математических операторов. Помните, использование этих символов - это как добавлять специи в ваш HTML-суп - используйте их wisely, чтобы улучшить ваши веб-страницы, не перегружая их.
Продолжая ваше кодирование приключение, не бойтесь экспериментировать с различными символами. Кто знает? Вы можете найти идеальный символ, который сделает вашу веб-страницу уникальной!
Before I sign off, here's a little HTML joke for you:
<p>Why did the HTML tag go to the dentist?</p>
<p>It had a bad <br>eath!</p>Keep coding, keep learning, and most importantly, have fun with HTML symbols!
Credits: Image by storyset