Основы HTML разметки (эфирные) текста

Целью данного руководства является демонстрация читателю синтаксис языка HTML разметку бы желательно, хороший веб-писатель, вы знаете, основные правила: текст в Интернете, по сути, превращается в гипертекст только благодаря магической силой знака HTML-до, мы должны помнить, основная структура каждой веб-страницы.

В предыдущем уроке мы говорили о выравнивания, шрифтов и т.п.. Посмотрим теперь, в очень практичный способ, как сделать жизненно важный из текстового формата для веб-публикации.

Мы опускаем здесь анализа структуры веб-страниц (для тех, кто интересуется suggersico прочитать здесь ) и получить прямо в формат нашего текста.

Заголовки

Название сайта является контент и тегов заголовков в <title> и </ название> внутри тегов заголовков (h1, h2, h3, ..., h6).
Само название, как правило, характеризуется <h1> и </ h1>. Пример:

 



 <h1> Это заголовок </ h1>

 

Подзаголовок содержится в <h2> и </ h2>. Пример:

 



 <h2> Это подзаголовок </ h2>

 

Любые другие названия (иерархически ниже них) будут определены одинаково, с использованием h3, h4, h5 и h6 (чем выше число, следующее "ч" снижает важность название).

Пункты

Как правило, текст в HTML-страницы, заключенный между тегами и <p> </ P>, которые, соответственно, открывать и закрывать абзаца текста. Пример:

 



 <p>







 Мой текст здесь ... ...







 </ P>

 

Управление выравниванием

Чтобы сделать горизонтальное выравнивание текста в пределах абзаца вы должны использовать таблицы стилей (CSS) путем выравнивания текста собственности.
Собственности в вопросе принимает четыре значения:

• слева (по левому краю, по умолчанию)
• вправо (по правому краю)
• центре (выравнивание по центру)
• оправдать (выравнивание оправдано)

Вот пример:

 



 <p style="text-align:center">







 ... Пример центрированного текста ...







 </ P>

 

Выделение жирным, курсивом и подчеркнуты

Эти три аспекта текста управляет, уважаемый <b> тэги (жирный), Ф (курсив) и <u> (подчеркнуто). Пример:

 <b> Тесо жирным шрифтом </ B>







 <i> Тесо курсивом </ I>







 <u> Тесо подчеркиванием </ U>

Стоит отметить, что тег эквивалент в смелых теги <strong>:

 



 <strong> Тесо жирным шрифтом </ STRONG>

 

и курсивом теги <em>:

 



 <em> Тесо курсивом </ EM>

 

Добавить веб-линк

Гиперссылка (или, чаще, ссылки) могут быть вставлены через <a> и его HREF атрибута. Vedaimo например:

 



 <a href="http://www.sito.com/mario.html"> Марио Переход на страницу </>

 

Как вы можете видеть в HREF атрибута, указанного в веб-адрес страницы назначения, которое открывается при нажатии на связанный текст.
Очевидно nlla запрещает быть связаны с изображения, а не текст (как в нашем примере).

Вставить изображение

Чтобы вставить изображение, конечно, необходимо, чтобы это было доступно в Интернете, которые поддерживает свой собственный URL.
Чтобы вставить изображение используется для <img> следующим образом:

 



 <img src="http://www.sito.com/foto.jpg"/>

 

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

Очевидно, что информация, предоставленная в этом уроке, очень просты и представляют собой частичное минимума. И "только через глубокие знания HTML и CSS, что мы сможем в формат наш контент в действительно точной и полной.

• <<Предыдущий урок
• Помощь Индекс
• Следующее занятие>>