фишки для сайта




 


 

HTML Простой документ


<html>
<head>
<title>Здесь должен быть заголовок документа</title>
</head>

<body>

 
Здесь должен быть текст содержания...
</body>

</html>


Элементы Заголовков


<h1>Главный Заголовок</h1>

<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>

<h6>Самый Второстепенный Заголовок</h6>


Текстовые Элементы


<p>Это параграф</p>
<br /> (перенос строки)
<hr /> (разделитель - горизонтальная линия)
<pre>Это предварительно отформатированный текст</pre>


Логическое Оформление Текста


<em>Это акцентированный текст</em>
<strong>Это strong-текст</strong>
<code>Это некоторый компьютерный код</code>


Физическое Оформление Текста


<b>Это жирный текст</b>
<i>Это курсивный текст</i>


Ссылки


Обычная ссылка: <a href="http://www.example.com/">текст ссылки</a>

 
Ссылка-изображение: <a href="http://www.example.com/"><img src="адрес URL" alt="Альтернативный Текст" /></a>

 
Почтовая ссылка: <a href="mailto:webmaster@example.com">Послать почту</a>


Именованный анкор:
<a name="tips">Советы</a>
<a href="#tips">Перейти к разделу советов</a>


Неупорядоченный список


<ul>
  <li>Пункт списка</li>
  <li>Пункт списка</li>
</ul>


Упорядоченный список


<ol>
  <li>Первый пункт</li>
  <li>Второй пункт</li>
</ol>


Список определений


<dl>
  <dt>Первый термин</dt>
    <dd>Определение</dd>
  <dt>Следующий термин</dt>
    <dd>Определение</dd>
</dl>


Таблицы


<table border="1">
  <tr>
    <th>Заголовок столбца</th>
    <th>Заголовок стобца</th>
  </tr>
  <tr>
    <td>некоторый текст</td>
    <td>некоторый текст</td>
  </tr>
</table>


Фреймы


<frameset cols="25%,75%">
  <frame src="page1.htm" />
  <frame src="page2.htm" />
</frameset>


Формы


<form action="http://www.example.com/test.php" method="post/get">

<input type="text" name="email" size="40" maxlength="50" />
<input type="password" />
<input type="checkbox" checked="checked" />
<input type="radio" checked="checked" />
<input type="submit" value="Послать" />
<input type="reset" />
<input type="hidden" />

<select>
<option>Яблоки</option>
<option selected="selected">Бананы</option>
<option>Вишня</option>
</select>

<textarea name="comment" rows="60" cols="20"></textarea>

</form>


Написание специальных символов


&lt; - используйте для вывода в браузер <
&gt; - используйте для вывода в браузер >
&#169; - используйте для вывода в браузер ©


Другие Элементы


<!-- Это комментарий -->

<blockquote>
Текст - цитата.
</blockquote>

<address>
Uroki-HTML.ru<br />
<a href="mailto:us@example.org">Напишите нам</a><br />
Адрес: Ящик 123, Москва<br />
Телефон: +12 34 56 78
</address>

 

 

 


 

HTML Полезные Символьные Примитивы

Замечание:Имена примитивов чувствительны к регистру!

РезультатОписаниеИмя ПримитиваНомер Примитива
  неразрывный пробел    
< меньше чем < <
> больше чем > >
& амперсанд & &
? вопрос ¢ ¢
£ фунт £ £
¥ иена ¥ ¥
евро
§ секция § §
© копирайт (право копирования) © ©
® зарегистрированная торговая марка ® ®
торговая марка


Обновлен 23 фев 2018. Создан 06 окт 2015



  Комментарии       
Имя или Email


При указании email на него будут отправляться ответы
Как имя будет использована первая часть email до @
Сам email нигде не отображается!
Зарегистрируйтесь, чтобы писать под своим ником
 
кнопка вверх

 

СмотриВидео уроки в HD "как сделать сайт бесплатно самому на хостинге io.ua"
Реклама на сайте "Сделай Сайт Сам" 
+++ /td> Яндекс.Метрика Рейтинг@Mail.ru
Flag Counter

сделай сайт сам, #сделай, #сайт, #сам, за час, sdelay site, io.ua, ио.юа, как сделать, озоншд, ozonehd, прошивка, FirmWare, сделай сам, ozonhd wi fi, t2, ozonehd t2 wi fi