Главная Форум Файлы Статьи СОСТАВ ZH&ZHS О НАС GITHUB КАНАЛ YouTube BlackList WhiteList
Добро пожаловать на уникальный игровой портал ZETA-HACK TEAM! Здесь Вы сможете найти самые интересные новости из мира игровой индустрии, найти самые свежие сотфины для различных онлайн игр, общаясь на форуме получать мнения специалистов и помогать тем кто не смог получить нужный ответ в той или иной сфере!
Авторизация Регистрация
Последние обсуждаемые темы на форуме
Последние комментарии к новостям
Топ-10 форумчан
заявка на модератора Vitalek 0
Как защитить свой хостинг от D... =AlexDrift= 0
Ts3Bypass.c =AlexDrift= 3
KGreenOVHUdp.c =AlexDrift= 2
QUERY flooder AdCKuY_DpO4uLa 0
Заявочка G1TLER 3
Делаем лаунчер SA-MP или инжек... [FBI]@PUNISHER@ 0
[PYTHON] Ftp Brute Force =AlexDrift= 0
[PHP] Skype BruteForce =AlexDrift= 0
[PHP] Facebook Email Checker =AlexDrift= 0
Driftyulex_m0d ака Drifeit_m0d 0.3e v7.9 22.10.2019
Собейт Driftyulex_m0d 7.9 для CR:MP 0.3e... 22.10.2019
Microsoft назвала дату смерти Windows 7 10.09.2019
MemorandoomXack/devblog 59-60/Чит/Хак/Ha... 04.09.2019
x-gaming dm 0.3e 23.05.2019
x-gaming dm 0.3e 12.05.2019
x-gaming dm 0.3e 12.05.2019
Microsoft назвала дату смерти Windows 7 25.04.2019
[0.3е]Русский ДМ сервер 18.04.2019
[0.3.7]Forward-Evolution DM by [KrYpToDe... 18.04.2019
1. =AlexDrift= 585
2. Pahanch1kkk 46
3. AdCKuY_DpO4uLa 36
4. InFerNo 35
5. R4DUGA 32
6. d1amondl1on 31
7. [NACIONAL]IST_BERZ 23
8. Julia 21
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
Сообщения: 31
Репутация: 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
  • По возникшим вопросам дизайна - liljonson682@gmail.com
  • По всем возникшим вопросам - vk.com/alexdrift1137
  • Уникальный игровой портал ZETA-HACK.RU ® 2011 - 2019
  • Сайт создан в системе uCoz

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