Коротко о HTML


Определение стиля

<Style> - ; начало процедуры изменения цветов текста
  • a:link { color: #цвет текста} - обычная ссылка
  • a:visited { color: #цвет текста} - использованная ранее ссылка
  • a:active { color: #цвет текста} - нажатая ссылка
  • a:hover { color: #цвет текста} - активная ссылка
</Style > - конец процедуры изменения цветов текста

 

			Пример изменения цветов текста:		
           <Style> 
            a:link {color: #660000} 
            a:visited {color: #808080} 
            a:active {color: #006600} 
            a:hover {color: #000066} 
           </Style>

Форматирование

  • - <center> начало центрирования текста и объектов
  • - </center> конец центрирования текста и объектов

  • -< br /> следующая строка
  • - <dir> начало действия абзаца смещением по Tab
  • - </dir> конец действия абзаца смещением по Tab

Шрифты

    <font> начало описания текста
    color="{параметр цвета}" – цвет текста
    FF0000 - концентрация красного цвета
    00FF00 - концентрация зеленого цвета
    0000FF - концентрация синего цвета
    Концентрация любого из трех цветов может быть от "00" до "FF":
    size="{число}" - размер шрифта
    1 – самый маленький, 7 - самый большой
    face="{имя шрифта}" – шрифт текста
    </font> - конец описания текста
    Например: <font color="#FF00FF" Size="3" Face="futura md bt" >
    Например: <font color="#0000FF" Size="5" Face="Arial" >
    Например: <font color="#FF0000" Size="6" Face="Monotype Corsiva" >

    - <Strong> - жирность текста
    - </Strong> - отмена жирности
    - <Em> - курсив
    - </Em> -отмена курсива
    - <U> - подчеркивание
    - </U> - отмена подчеркивания
    - <Strike> - зачеркнутый текст
    - </Strike> - отмена зачеркнутого текста
    - <Tt> - начало придавленного текста
    - </Tt >- конец придавленного текста
     - <Pre>  - начало текста с учетом его расположения
    -< /Pre> - конец текста с учетом его расположения
    - Простой текст и - <Sub> - нижний индекс
    - </Sub> - отмена нижнего индекса
    - Простой текст и - <Sup> - верхний индекс
    - </Sup> - отмена верхнего индекса

Списки

    - <Ul> начало ненумерованного списка
  • - <Li> начало одного пункта из списка
  • - <Li> Следующий пункт
  • - <Li> Следующий пункт
- </Ul> конец ненумерованного списка
    - <Ol> начало нумерованного списка
  1. - <Li> начало одного пункта из нумерованного списка
  2. - <Li> Следующий пункт
  3. - <Li> Следующий пункт
-</Ol> конец нумерованного списка

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

    © &+ copy
    & - & + amp
    < – & + it
    > - & + gt
      - пробел & + nbsp

Аудиозапись

Например:
<audio controls>
<source src="2.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>


Видео

Например:

<video width="320" height="240" controls>
<source src="gif/m.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

Рисунки

    <img src="{имя файла с расширением}"> - вставка рисунка
    title="{текст}" - всплывающая подсказка
    border="{число}" - ширина рамки рисунка
    width="{число}" - размер рисунка по горизонтали или %
    height="{число}" - размер рисунка по вертикали или %
    align="Center" – расположение центра рисунка по середине текста
    hspace="{число}" – опступ рисунка от остальных объектов по вертикали
    vspace="{число}" – опступ рисунка от остальных объектов по горизонтали
    Например: <img src="gif/0_1.gif" title="Web" border="1">

    Вставка многозначного рисунка

      <Img IsMap> - вставка многозначного рисунка
      UseMap="#{имя}" – имя карты
      Shape="{имя}" – имя фигуры
      Src="{имя файла с расширением}" – многозначный файл
      <Map> - начало карты изображения
      Name="{имя}" – имя карты
      </Map> - конец карты изображения
      <Area> - вставка одной сноски
      Shape="{имя}" – имя фигуры
      Rect – квадрат, Circle - круг, Poly – любая фигура
      Coords"{числа}" – координаты фигуры
      Если фигура - квадрат, координаты: Xнач, Yнач, Xкон, Yкон
      Если фигура - круг, координаты: Xцентра, Yцентра, Радиус
      Если фигура неопределенная, координаты: X1, Y1, X2, Y2, X3, Y3...
      Href"{имя файла с расширением}" – файл, который откроется после нажатия

      Например:<Img IsMap UseMap="#Map1" Src="File.gif" Width="197" Height="136"> <Map Name="Map1"><Area Shape=Circle Coords="50,50,20" Href="File1.htm"><Area Shape=Rect Coords="80,80,150,120" Href="File2.htm"></Map>

    Meta Tags

      <Meta Http-equiv="Refresh"> - показ дополнительного файла перед основным
      Content="{число}; Url={имя файла с расширением}" – загрузка основного файла через определенное число секунд
      Например: <Meta Http-equiv="Refresh" Content="10; Url=Total.htm">
      <Meta Http-equiv="Author"> - указание имени автора
      Content="{текст}" – имя автора
      Например: <Meta Http-equiv="Author" Content="My Name">
      <Meta Http-equiv="Description"> - описание своего документа
      Content="{текст}" – описание
      Например: <Meta Http-equiv="Description" Content="My Discription">
      <Meta Http-equiv="Keywords"> - описание страницы через определенные слова
      Content="{текст}" – слова через запятую или пробел
      Например: <Meta Http-equiv="Keywords" Content="My Home pagel">
      <Meta Http-equiv="Reply-to"> - указание Вашего E-Mail
      Content="{адрес E-Mail}" – Ваш E-Mail
      Например: <Meta Http-equiv="Reply-to" Content="webmaster@name.ru">
      <Meta Name="Date"> - дата создания Вашего сайта
      Content="{дата}" – дата создания Вашего сайта
      Например: <Meta Name="Data" Content="May 28 1999 15:34 Am">

ADS

ADS