Главная Форум Файлы Статьи СОСТАВ ZH&ZHS О НАС GITHUB КАНАЛ YouTube BlackList WhiteList
Добро пожаловать на уникальный игровой портал ZETA-HACK TEAM! Здесь Вы сможете найти самые интересные новости из мира игровой индустрии, найти самые свежие сотфины для различных онлайн игр, общаясь на форуме получать мнения специалистов и помогать тем кто не смог получить нужный ответ в той или иной сфере!
Авторизация Регистрация
Последние обсуждаемые темы на форуме
Последние комментарии к новостям
Топ-10 форумчан
Заработок на файлообменниках 3... =AlexDrift= 0
"Халява" оператор мт... =AlexDrift= 0
Enigma+Protector+v5.20+x86+-+[... =AlexDrift= 0
Исходник FakeBots by daddy_pie... =AlexDrift= 0
AntiBanIP - FrostyVPN =AlexDrift= 0
Исходник собейта для GTA 5 =AlexDrift= 0
hATez0r атакир сайтов =AlexDrift= 0
SAMP-Firewall =AlexDrift= 0
socks5+proxy примеры на С++ =AlexDrift= 0
AntiSerialBans для SAMP =AlexDrift= 0
Приватный чит для Rust Experimental 21.11.2018
Приватный чит для Rust Experimental 21.11.2018
PS4-эксклюзив Spider-Man за четыре недел... 13.10.2018
[0.3e]Игровой мод сервера Street Workout... 12.10.2018
[0.3e]Игровой мод сервера Street Workout... 12.10.2018
PS4-эксклюзив Spider-Man за четыре недел... 12.10.2018
Новый вид крашинга 11.10.2018
PS4-эксклюзив Spider-Man за четыре недел... 11.10.2018
Новый вид крашинга 20.08.2018
Новый вид крашинга 08.08.2018
1. =AlexDrift= 502
2. Pahanch1kkk 45
3. InFerNo 34
4. R4DUGA 32
5. d1amondl1on 27
6. [NACIONAL]IST_BERZ 23
7. Julia 21
8. AdCKuY_DpO4uLa 20
9. Lil_Jonson 17
10. Effect 15
Витрина ссылок Купить ссылку (4 р.) » | Ваша ссылка | Ваша ссылка | Ваша ссылка | Ваша ссылка | Ваша ссылка | Ваша ссылка | Ваша ссылка

  • Страница 1 из 1
  • 1
Форум » Программирование » HTML » Изучаем HTML (Урок 2)
Изучаем HTML (Урок 2)
14.07.2018 в 16:40
#1
d1amondl1on
Статус: Offline
Регистрация: 12.05.2017
Сообщения: 27
Репутация: 19
Что бы добавить медаль "Легенда портала" добавляем в ?if "or 1111='ID пользователя'"
Что бы добавить медаль "Золотой страж" добавляем в ?if "or 1111='ID пользователя'"
Это уже 2-й урок по языку разметки HTML, как я и писал в прошлом уроке, тут я буду вам рассказывать и приводить примеры о параграфах, форматировании текста, а также заголовках, линиями и комментариями.

Что же, давайте приступим.

Начнём с параграфов:

Элемент <p>: создавать отдельный параграф очень просто, нужно всего лишь добавить пару тэгов (открывающиеся и закрывающиеся) в тело нашего с вами документа (<p></p>).

Пример: 

Код
<html>
       <head>
          <title>Тестовая страница</title>
          </head>
          <body>
             <p>Первый параграф.</p>
             <p>Второго параграф</p>
       </body>
</html>

А выглядеть у нас, это будет вот так.


Теперь поговорим о тэге, который позволяет нам с вами переносить строку, тэг <br>.

Выглядит это вот так:

Код
<html>
     <head>
             <title> Тестовая страница </title>
   </head>
          <body>
                <p>Первый параграф.</p>
                 <p>Второго параграф</p>
                <p>Тут у нас с вами<br/> перенос строки</p>
         </body>
</html>

Теперь посмотрим как у нас это отображается на странице в браузере:



Думаю о переносе вам тоже стало всё понятно, главное всё это делать самому, после чего эти знания будут откладываться в голове и будете делать всё уже систематично!

Теперь мы затронем тему о "Форматировании текста"

Элементы форматирования: В HTML используется ряд элементов для определения стиля текста. Элементы форматирования были созданы для отображения разных стилей текста.


Код
<html>
    <head>
          <title>Тестовая страница</title>
    </head>
       <body>  
       <p>Обычный текст</p>
      <p><b>Текст жирным шрифтом</b></p>
      <p><big>Текст крупным шрифтом</big></p>
      <p><i>Текст курсивом</i>
</p> (или же <em>)      <p><small>Текст мелким шрифтом</small></p>
      <p><strong>Важный текст (тот же самый жирный)</strong></p>
      <p><sub>Подстрочный текст</sub></p>
      <p><sup>Надстрочный текст</sup></p>
      <p><ins>Вставленный текст</ins></p>
      <p><del>Удалённый текст</del></p>
   </body>
</html>

Наглядный пример:


О форматировании я думаю рассказал уже достаточно, теперь более подробно мы с вами будем познавать (Заголовки, линии, комментарии)

Заголовки в HTML - документе - в HTML используется 6 уровней заголовков, которые организованы по уровню важности:

<h1><h2><h3><h4><h5><h6> - От большего к меньшему, используется тут такой принцип отображения заголовков, то есть <h1> - будет выделен самым крупным шрифтом и жирным, естественно <h2> и т.д. будут уже уменьшаться. 

Не забывайте, что всё это делается только в теле документа! (<body></body>)

Вот так отображаются заголовки:



То есть, в данный момент мой документ, в котором я делаю все вместе с вами, состоит вот так:

Код<html>
  <head>
   <title> Тестовая страница </title>
  </head>
 <body> 
       <p>Первый параграф.</p>
       <p>Второго параграф</p>
       <p>Тут у нас с вами<br/> перенос строки</p>
       <p>Обычный текст</p>
       <p><b>Текст жирным шрифтом</b></p>
       <p><big>Текст крупным шрифтом</big></p>
       <p><i>Текст курсивом</i></p>
       <p><small>Текст мелким шрифтом</small></p>
       <p><strong>Важный текст (тот же самый жирный)</strong></p>
       <p><sub>Подстрочный текст</sub></p>
       <p><sup>Надстрочный текст</sup></p>
       <p><ins>Вставленный текст</ins></p>
       <p><del>Удалённый текст</del></p>
       <h1>Заголовок 1<h1>
       <h2>Заголовок 2</h2>
       <h3>Заголовок 3</h3>
       <h4>Заголовок 4</h4>
       <h5>Заголовок 5</h5>
       <h6>Заголовок 6</h6>
 </body>
</html>

Крайне не рекомендую использовать заголовки, чтобы сделать текст жирным, ведь для этого если вы ещё не забыли, существуют тэги <b>, <strong>.

Что же, я уже рассказал о заголовках, параграфах, видах форматирования текста, теперь мы займёмся линиями в HTML!

Горизонтальные линии - чтобы добавить в документ горизонтальную линию используется тэг <hr/>.
Чтобы её добавить, вам просто необходимо между нужными строками добавить вот такой код в <body></body>.


Код
<hr/>


Как мы видим на картинке выше, у нас добавилась горизонтальная линия, на ширину всей страницы.

Далее перейдём к Комментариям.

Комментарий - комментарии браузером не отображаются, также как в моде который работает на сервере SA-MP, там помечаются комментариями вот таким способом, перед строкой текст ставим "//"

В HTML же делается это совсем по другому, делается это вот так

Код
<!-- Текст комментария -->

Вот так будет выглядеть комментарий у нас в документе.



Вот в принципе и всё.
Форум » Программирование » HTML » Изучаем HTML (Урок 2)
  • Страница 1 из 1
  • 1
Поиск:

условия предоставления информации
Авторские права и контакты
счетчики
счетчики
счетчики
Новости и публикации в новостной ленте предоставлены исключительно в ознакомительных целях. Все материалы принадлежат исключительно их владельцам! Администрация портала не несет ответственности за последствия использования вами сторонних материалов, опубликованных на форуме, каталоге файлов, каталоге статей, но гарантирует отсутствие вредоносного кода в новостях и публикациях на главной.
  • Основатель портала - AlexDrift
  • Автор дизайна, разработчик - Lil Jonson
  • По возникшим вопросам дизайна - [email protected]
  • По всем возникшим вопросам - vk.com/alexdrift1137
  • Уникальный игровой портал ZETA-HACK.RU ® 2011 - 2019
  • Сайт создан в системе uCoz

  • Яндекс.Метрика
    Рейтинг@Mail.ru