Регистрация Главная Пользователи Все разделы прочитаны
Сообщения за день Справка Регистрация
Навигация
Zhyk.org LIVE! Реклама на Zhyk.org Правила Форума Награды и достижения Доска "почета"

Ответ
 
Опции темы
Старый 06.04.2013, 23:20   #1
Заблокирован
 Разведчик
Аватар для FreeLike
 
FreeLike на правильном пути
Регистрация: 18.03.2013
Сообщений: 49
Популярность: 61
Золото Zhyk.Ru: 15
Сказал(а) спасибо: 30
Поблагодарили 87 раз(а) в 50 сообщениях
Отправить сообщение для FreeLike с помощью ICQ Отправить сообщение для FreeLike с помощью Skype™
 
Post Самые главные HTML теги для создания сайта.

[Ссылки могут видеть только зарегистрированные пользователи. ]

В этой теме я отпишу самый важные HTML коды для создание сайта для сервера языком программирования HTML.

Html-код самого простого сайта:

Цитата:
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 3.2 Final//EN»>
<HTML>
<HEAD>
<TITLE>Название страницы</TITLE>
</HEAD>
<BODY>
Текст страницы
</BODY>
</HTML>

Теги <!DOCTYPE…> и <HTML> служат для того чтобы код опознался как html

<HEAD> -заголовок, Данный тег закрывающийся </HEAD> — Голова страницы закончилась

<TITLE> -Название страницы </TITLE> — название страницы. Написано между этими двумя тегами то и будет отображено в заголовке браузера.

<BODY>Текст страницы</BODY> — Здесь все материалы: текст, картинки,и т.д.

Перевод строги и блоки.


Теги заголовков (<h1>-</h6>) переводят после себя строку («жмут enter»), если иное не прописано в таблицах стилей. Когда вы пишите текст в «голом html» ваши переводы строки учитываться не будут, текст будет идти подряд до заголовков либо специальных тегов.

<br> — переводит строку. Закрывающий тег не нужен. Если вам нужен большой разрыв между строками можете использовать несколько таких тегов, например, <br><br><br><br><br> — пять переводов строки.

<hr> — горизонтальная линия:

В теге <hr> можно указать ее толщину:
<hr size=»1″>:

<p>Текст</p> — Параграф

<div></div> — По умолчанию также параграф, но создан для сложного форматирования места нахождения контента на странице, используется для верстки через таблицы стилей.

Теги оформления теста.


<h1>-<h6> — это заголовки.

<b>Текст выделится жирным</b>
<strong>Текст выделится жирным (логическое выделение)<strong> — тег аналог <b>
<em>Наклонный текст</em> — аналог<i></i>
<u>Подчеркнутый текст</u>
<strike>Перечеркнутый текст</strike>
<big>Увеличенный</big> и <small>уменьшенный</small> текст по сравнению с текущим.
<sup>Верхний индекс</sup> — X2
<sub>Нижний индекс</sub> — X2
<tt>Моноширинный текст</tt> — как печатная машинка

<b><i><u>Жирный, наклонный и подчеркнутый текст</u></i></b>

Вставка объектов.

Чтобы вставить ссылку:

<a href=»http://zhyk.ru/«>Перейти на Zhyk.ru</a>

Где http://zhyk.ru/ - сайт, на который ведет ссылка, Перейти на Zhyk.ru — название ссылки.

Чтобы вставить картинку нужно создать код:

<img src=»http://zhyk.ru/image.png«>

Где http://zhyk.ru/image.png адрес картинки.

Список:


Списки создаются следующими html- кодами:

<ul>
<li>Первый пункт списка</li>
<li>Второй пункт списка</li>
<li>Третий пункт списка</li>
</ul>

Таблицы.

Таблицы более сложный элемент чем эти html-теги, им можно посвятить целый пост, здесь просто покажу пример кода самой простой таблицы:

<table>
<tr>
<td>

Содержание

</td>
</tr>
</table>

Кстати, перевод строки после каждого тега вебмастеры ставят только для удобства редактирования html-кода, этот же код таблицы можно вставить так:

<table><tr><td>Содержание</td></tr></table>

Выравнивание


Выравнивание текста по центру: :<center>ваш текст (картинка) </center>

Выравнивание текста по правому краю поста: <div align=right> ваш текст </div>

Выравнивание текста по всей ширине поста: <div align=justify> ваш текст </div>

Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов): <blockquote> текст </blockquote>

Бегущая строка


<marquee> ваша бегущая строка</marquee>

Вместо текста можно вставить картинку

Цвет шрифта.


<font color="red"> красный текст </font>
<font color="yellow"> желтый текст </font>
<font color="lime"> зеленый текст </font>


Кнопка-ссылка на веб-страничку

<form action="http://zhyk.ru" target="_blank" method="get"><input type="submit" value="Zhyk">

Материал был взял для обработки с русскоязычного сайта про World of Warcraft
  Ответить с цитированием
Пользователь сказал cпасибо:
Мc Женич™ (07.04.2013)
Старый 08.05.2013, 19:49   #2
 Сержант
Аватар для avi2011class
 
avi2011class сломал счётчик популярности :(avi2011class сломал счётчик популярности :(avi2011class сломал счётчик популярности :(avi2011class сломал счётчик популярности :(avi2011class сломал счётчик популярности :(avi2011class сломал счётчик популярности :(avi2011class сломал счётчик популярности :(avi2011class сломал счётчик популярности :(avi2011class сломал счётчик популярности :(avi2011class сломал счётчик популярности :(avi2011class сломал счётчик популярности :(
Регистрация: 02.09.2012
Сообщений: 123
Популярность: 32496
Сказал(а) спасибо: 393
Поблагодарили 116 раз(а) в 89 сообщениях
Отправить сообщение для avi2011class с помощью Skype™
 
По умолчанию Re: Самые главные HTML теги для создания сайта.

Цитата:
Сообщение от FreeLikeПосмотреть сообщение
Выравнивание

Выравнивание текста по центру: :<center>ваш текст (картинка) </center>

Выравнивание текста по правому краю поста: <div align=right> ваш текст </div>

Выравнивание текста по всей ширине поста: <div align=justify> ваш текст </div>

Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов): <blockquote> текст </blockquote>

Бегущая строка

<marquee> ваша бегущая строка</marquee>

Вместо текста можно вставить картинку

Цвет шрифта.

<font color="red"> красный текст </font>
<font color="yellow"> желтый текст </font>
<font color="lime"> зеленый текст </font>

это надо через css делать!! тег <font> признан устаревшим!
________________
  Ответить с цитированием
Старый 01.07.2013, 15:20   #3
 Сержант
Аватар для avi2011class
 
avi2011class сломал счётчик популярности :(avi2011class сломал счётчик популярности :(avi2011class сломал счётчик популярности :(avi2011class сломал счётчик популярности :(avi2011class сломал счётчик популярности :(avi2011class сломал счётчик популярности :(avi2011class сломал счётчик популярности :(avi2011class сломал счётчик популярности :(avi2011class сломал счётчик популярности :(avi2011class сломал счётчик популярности :(avi2011class сломал счётчик популярности :(
Регистрация: 02.09.2012
Сообщений: 123
Популярность: 32496
Сказал(а) спасибо: 393
Поблагодарили 116 раз(а) в 89 сообщениях
Отправить сообщение для avi2011class с помощью Skype™
 
По умолчанию Re: Самые главные HTML теги для создания сайта.

И, кстати, можно описать css)
________________
  Ответить с цитированием
Старый 05.09.2013, 21:21   #4
Заблокирован
 Разведчик
Аватар для antpet
 
antpet у всех на слухуantpet у всех на слухуantpet у всех на слухуantpet у всех на слухуantpet у всех на слухуantpet у всех на слухуantpet у всех на слухуantpet у всех на слухуantpet у всех на слухуantpet у всех на слуху
Регистрация: 26.04.2013
Сообщений: 5
Популярность: 1390
Сказал(а) спасибо: 304
Поблагодарили 80 раз(а) в 76 сообщениях
Отправить сообщение для antpet с помощью ICQ Отправить сообщение для antpet с помощью Telegram Отправить сообщение для antpet с помощью Yahoo
 
По умолчанию Re: Самые главные HTML теги для создания сайта.

css не для новичков, им лучше теги html использовать!
  Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
[HTML, JS] RIP Промо страницы сайта l2vitality ~Nero~ Web для Lineage 2 0 03.11.2011 15:55
[Услуги] Ищу фрилансера для создания сайта Atmosfera Товары/услуги в Сети 0 16.12.2010 22:58

Заявление об ответственности / Список мошенников

Часовой пояс GMT +4, время: 22:00.

Пишите нам: [email protected]
Copyright © 2024 vBulletin Solutions, Inc.
Translate: zCarot. Webdesign by DevArt (Fox)
G-gaMe! Team production | Since 2008
Hosted by GShost.net