Информатика - html, bootstrap
Справка для работы

html

Справочник тегов HTML - guruweba.com

Шрифт
<span style="font-size:16px;"> </span>

<span style="font-size: 22px; color: #0000ff;"> </span>

<span style="font-size: 16px; font-weight: bold; line-height: 1.8;"> </span>

<b> </b>жирный

<i> </i>наклонный

<u> </u> подчеркнутый

<font face="Courier"> </font> Шрифт Courier

Sup надстрочный

Sub подстрочный

<span style="background-color: green"> Зелёный </span>

<span style="background-color: yellow"> Желтый </span>

<span style="background-color: blue"> Синий </span>

Центровка шрифта
<center> </center> (картинки, таблицы и т.д.)

<div style="text-align:right">Генри Форд.</div> текст будет центрован вправо.

text-align: justify; vertical-align:top; background-color: #ffffff;

Ссылки
<a href="http://google.com">google.com</a> ссылка

Ссылка всплывающая – открывается в новом окне

<a href="http://babyenglish.best/ru" target="_blank"><img></a>

<a href="" target="_blank"></a>

Ссылка внутри страницы

<a href="#L60MC-seat>L60MC –Ex Valve seat.</a>

<a name="L60MC-seat" id="L60MC-seat"></a>Hot Offer

Ссылка на верх страницы

<a href="#top"><b>UP</b></a>

<div style="text-align:right"><a href="#top">Top of the page</a></div>

Отступ. Дополнительный пробел.
<div style="padding:12px;"> </div>

Видимость кода на сайте
&lt; <
> "&gt;

Разметка языков с помощью атрибута lang
<span lang="ru">

<p lang="uk">

<div lang="en">


Symbols with ALT key plus numbers

Check Mark   Checkmark
10003
Heavy checkmark   Heavy checkmark
10004
Large X   Large X
10005
Bold X   Bold X
10006
Red Diamond suit   Red Diamond suit
9826
Black Diamond suit   Black Diamond suit
9830

__________________________


bootstrap

Полезные справочные сайты по bootstrap:
w3schools
getbootstrap.com

Контейнера
<div class="container-fluid" style="padding-top: 10px; padding-bottom: 10px; background-color: #fff;">
  <div class="row">

<div class="col-md-offset-2 col-md-8" style="padding-top: 15px; padding-bottom: 20px;">

<div class="col-md-6">

 

<button type="button" class="btn btn-primary">Главный</button>
<button type="button" class="btn btn-secondary">Вторичный</button>
<button type="button" class="btn btn-success">Успех</button>
<button type="button" class="btn btn-danger">Опасность</button>
<button type="button" class="btn btn-warning">Предупреждение</button>
<button type="button" class="btn btn-info">Инфо</button>
Contact. About. English | Ukrainian | Russian
Books320.com @ 2017-2026
17 visitors today, 16137842 total
YouTube FaceBook Pinterest Instagram