Как сделать html: Как создать файл html в блокноте (сделать)

Содержание

Как создать файл html в блокноте (сделать)

fЧтобы создать файл html совсем не обязательно покупать или скачивать из интернета для этого какие-либо приложения или программы. В любом компьютере есть уже готовая бесплатная программа «Блокнот», которая идет в комплекте с операционной cистемой windows.

В принципе создать такой документ можно в любом текстовом редакторе, даже в ворде.

Как создать html документ в блокноте

Находим программу на своем компьютере:

идем в главное меню «Пуск»: Все программы ->Стандартные -> Блокнот.

Наполняем документ содержимым, после чего в главном меню выбираем «Файл»—> Сохранить как…

Чтобы сохранить файл с расширением html, надо поменять  *.txt на *.html, как здесь:

Таким образом, наш файл html создан.

На самом деле, существуют программы, которые помогают ускорить процесс наполнения файла содержимым.

Среди таких: Notepad++ и Dreamweaver. Первая является бесплатной и можно ее скачать на официальном сайте. Вторая – платная.

Преимущества программы Dreamweaver

После запуска программы надо будет выбрать: Создать HTML.

Файл будет создан автоматически с уже готовым обязательным кодом.

Сохраняем файл через выпадающее меню в программе.

Аналогичным образом можно создавать документы в других программах.

Структура html документа

А теперь поговорим о том, как должен выглядеть html файл, чтобы его мог правильно интерпретировать браузер.

Вообще, что такое html?

Это язык гипертекстовой разметки и его основные структурные элементы – теги. Благодаря им браузер «понимает», что должно отображаться на веб странице.

Для начала создадим структуру документа, прописав основные теги:

Фото: создадим структуру документа

Но, чтобы наша страница в интернете выглядела более привлекательно, нам понадобится еще один файл CSS.

Этим документом мы создадим стили: цвета, отступы, т.е. приукрасим нашу веб страницу.

Подобным образом создаем документ с расширением .CSS.

Открываем блокнот, создаем таблицу стилей, сохраняем файл:

Теперь можем дополнить структуру созданного документа, прописав ссылку на документ с расширением .css.

Можно также добавить текст. Например: дать заголовок странице, прописав его между тегами: <title>Страница обо мне</title> и <body>Приветствую Вас!</body>.

После того, как мы сохраним все и откроем файл в браузере, мы увидим следующее:

Если в браузере откроется то, что мы видим, значит, все сделано правильно.

Чтобы сайт стал виден в интернете, надо файлы .html и .css разместить на надежном хостинге.

Что-то я отвлеклась. Продолжим создавать нашу веб страничку.

Но, прежде я кратенько объясню значение прописанных тегов.  

<html> — данный тег является парным и служит контейнером для всех остальных. В нем заключена вся web-страница.

В самом начале <!DOCTYPE html> мы указали браузеру тип документа:

  • <head> — тоже парный тег. В нем находится вся служебная информация о веб странице. Внутри данного тега находится <title> — название данной страницы, которое выводится в браузере вверху;
  • в тег <body></body>поместим содержание файла, т.е ту информацию, которая будет видна в браузере, когда мы откроем документ;
  • зададим кодировку и подключим файл стилей с помощью непарного тега <link>.

А теперь нам надо спланировать структуру сайта, т.е. подумать, какие блоки нам понадобятся.

Если мы посмотрим на другие ресурсы, то видим, что в большинстве своем они имеют: шапку, горизонтальные и вертикальные меню, боковые колонки, подвал (футер).

Создаем структуру шаблона

Допустим, мы решили сделать ресурс таким образом, чтобы он содержал хедер (шапку), колонка с основным содержимым, подвал (низ сайта) и боковая колонка (там будем размещать виджеты, рекламу и т.п.).

Для этого возвращаемся к коду, который мы написали на предварительном этапе.

Создаем общий контейнер, где в теге <body></body> прописываем структуру вместо «Приветствую, Вас!»:

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

Если мы обновим наш файл в браузере, то увидим такую картинку:

Оформление блоков

Начинаем оформление с самого большого контейнера.

Добавляем в созданный ранее файл .css следующий код:

Теперь расшифруем эту запись.

Первая строка задает правило для блоков и указывает на то, что отступы и рамки не должны увеличивать ширину блоков.

Далее обратимся к блоку с индентификатором  main, после чего в фигурных скобках перечислим правила, которые будут применены к данному элементу:

  • ширина контейнера будет составлять 810 px,
  • margin: 0 auto – установит блок по центру, что позволит нашему сайту красиво отобразиться по центру,
  • следующее свойство border добавит сплошную рамку со всех сторон. В данном случае она будет черной.

Теперь настроим внешний вид основных блоков нашей страницы.

Для этого пропишем следующий код:

  • Вначале зададим стили для шапки: ее высота = 100 px и она отделена в нижней части рамкой от остальных блоков.
  • Сайдбару мы зададим ширину, высоту и свойство float: left. Данное правило означает, что элемент прижмется к левому краю основного блока.
  • Такое же свойство зададим контентному блоку, но только он окажется справа от сайдбара и ширина его будет больше.

Из кода видно, что сайдбар и блок с контентом имеют одинаковую высоту.

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

Блок подвала (footer) – небольшой высоты и окружен рамкой.

Также здесь мы добавили еще одно правило:  clear со значением both. Это свойство необходимо для того, чтобы два предыдущих блока не наезжали на подвал.

Блоки сайдбара и контента относятся к плавающим блокам, а по умолчанию обычные блоки могут на них наезжать.

Чтобы этого не происходило мы дали футеру команду типа: смотри, над тобой расположены плавающие блоки. Расположись ниже их.

Если теперь обновить страницу в браузере, то мы увидим следующее:

Приукрашиваем сайт

На следующем этапе добавим сайту цветов. Для начала зададим фон.

Сделать это можно, добавив следующий код:

#main{

background: #b3c1e6

}

Получим вот такой результат:

Работа с шапкой

Следующие шаги должны быть направлены на добавление в шапку названия сайта и логотипа.

Чтобы сделать логотип надо нарисовать картинку в фотошопе, либо скачать из интернета. Логотип следует положить в папку, где находится html-документ.

Код примет следующий вид:

#header{

background: #9091da url(kartinka.jpeg) no-repeat 5% center

}

kartinka.jpeg – это наш логотип, далее следует команда, что логотип не должен повторяться и разместиться она должна по центру сверху и снизу, сместившись от начала блока на 5% по горизонтали.

Теперь убираем надпись «Здесь будет шапка» и пишем красивый заголовок.

Надо будет его красиво оформить, задав нужные стили:

#title{

font-size: 32px;

float: left;

margin-left: 200px;

font-family: tahoma;

color: yellow;

padding-top: 20px;

text-shadow: 0 0 5px orange;

}

Мы задали следующие свойства:

  • размер и семейство шрифта;
  • отступ слева;
  • прижали заголовок к левому краю;
  • выбрали цвет шрифта;
  • верхний внутренний отступ;
  • тень текста.

Теперь наша шапка готова. В реальности она может содержать различные ссылки, номера телефонов и т.п.

Оформление меню в сайдбаре

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

<ul class = "menu">

<li><a href = "#">Пункт меню1</a></li>

<li><a href = "#">Пункт меню2</a></li>

<li><a href = "#">Пункт меню3</a></li>

<li><a href = "#">Пункт меню4</a></li>

<li><a href = "#">Пункт меню5</a></li>

<li><a href = "#">Пункт меню6</a></li>

</ul>

Зададим стили:

.menu{

list-style: none;

}

Можно перед меню добавить красиво оформленный заголовок.

Как оформить блок контента

Добавим статью и наш блок готов.

Не забываем прописывать теги заголовков:

<h2>Заголовок статьи</h2>

<h3>Подзаголовок статьи</h3>

<p>Выделяем абзацы</p>

Заголовки можно оформить цветом.

Как оформить подвал

Я не имею привычки что-то пихать в подвал. Обычно в футере размещают сведения об авторских правах. В данном случае и мы сделаем также.

Мы просто выровняем подвал по центру:

#footer{

text-align: center

}

Вот и все, мы создали html файл в блокноте.

Наш файл содержит: логотип, название, сайдбар с меню, статью, футер. Чтобы сделать сайт привлекательным мы добавили стили, прописав их в файле .css.

Видео: «Как сделать простейший сайт без знаний html»

Отмечен под: маркированный список html, маркированный html код, маркированный список html, маркеры в html, маркеры в html, создать, Создать HTML маркеры, помощь, как, как создавать списки в html, Как сделать HTML маркеры, как сделать html-маркеры, инструкции, html, html-маркеры, html-маркированные списки, html-маркированные точки, html-маркеры, html-маркеры, HTML-код, маркированный список html-кодов, html-справка, стиль html-списка, html-тег, html-неупорядоченный список , html5, выучить, урок, тег li в html, список, списки, тег ol в html, обзор, тег, научить, обучение, учебник, стиль списка ul, тег ul, тег ul в html, неупорядоченный список, неупорядоченный список html, неупорядоченные списки, видео, написание HTML

Что вы можете прочитать дальше

Распродажа! $49 Полный доступ 0 Дни 4 Часы 58 Минуты 44 Секунды $199 $49 Вся библиотека!

See Deal

Web File Formats

.0391 .0388 Virtual World .3 SHTML90 .30388 Server Side Include HTML File 9 8 Обмен личной информацией0391 .60388 90 Конфигурация чата IRC0391 .0391 3.ESPRO0388 Espresso Project File 3 Hype0391 88888 2,0 888888888 2,0 88888888888888888.0391
.KEY Privacy-Enhanced Mail Private Key 4.3
.SCSS Sass Cascading Style Sheet 4.3
.BTAPP uTorrent App 4.3
.FWTEMPLATE Шаблон шоссе 4.3
.ASAX ASP.NET Server Application File 4. 2
.SSP Scala Server Page 4.2
.MJS Node.js ES Module File 4.2
.CRT Security Certificate 4.2
.JSPA Java Servlet Alias ​​ 4.2
.XD Adobe XD Document 4.2
.A5W Alpha Five Webpage File 4.1
.P7C PKCS #7 Certificate File 4.1
.PHP PHP Source Code File 4.1
.DLL DLL Динамическая веб -страница 4.1
.WHT HTTRACK SABER FOOLEAR 4.1
4.1
.P7B PKCS #7 Certificate File 4.1
.XUL XML User Interface Language File 4.1
. DHTML Dynamic HTML file 4.1
4.1
.CSHTML ASP.NET Razor Webpage 4.0
.JS JavaScript File 4.0
.CSS Cascading Style Sheet 4.0
.ARO SteelArrow Web Application File 4.0
.ASCX ASP.NET User Control File 4.0
.RJS Ruby Javascript File 4.0
.OBML15 Opera Mini Saved Webpage 4.0
.CODASITE Coda Site File 4.0
.WEBBOOKMARK Safari Web Bookmark File 4.0
.VSDISCO DISCO Dynamic Discovery Document 4.0
.WSDL Языковой файл описания веб-служб 4. 0
.DML DynaScript File 4.0
.DCR Shockwave Media File 4.0
.KIT CodeKit File 3.9
.DOCHTML Microsoft Word HTML-документ 3.9
.SPC Файл сертификата издателя программного обеспечения 3.9
.A4 Project FileP A

91

3.9
.PAC Proxy Auto-Config File 3.9
.ZUL ZK User Interface File 3.9
.XHTM Extensible Hypertext Markup Language Document 3.9
.TPL HTTP -сервер.0391 Adobe Edge Animate Widget File 3.9
.SITE GoLive Website Project File 3.9
.DWT Dreamweaver Webpage Template 3. 8
.HTACCESS Apache HTACCESS File 3.8
.ASPX Расширенный файл Active Server Page 3.8
.SEAM Файл Seam9 Java Servlet Framework0391 3.8
.DER DER Certificate File 3.8
.SVR Compressed Virtual World 3.8
.DAP Access Data Access Page 3.8
.PEM Почтовый сертификат повышенной конфиденциальности 3.8
.HTM Файл языка гипертекстовой разметки 3.8
3.8
.APPCACHE HTML5 Cache Manifest File 3.8
.HTC HTML Component File 3.8
.WBS WebBlender Project File 3,8
. CHM Скомпилированный файл справки HTML 3,7
.GSP 8899 . 70391 88. .0387 .ASR ActionScript Remote Document 3.7
.URL URL Shortcut File 3.7
.AP Active Page 3.7
.OBML16 Opera Mini Saved Веб-страница 3.7
.MASTER Главная страница ASP.NET 3.7
.P12
.PUBLIC OpenSSL Public Key 3.7
.MML Mathematical Markup Language File 3.7
.P7 PKCS #7 Digital Certificate File 3.7
.EPIBRW Расположение веб-файла 3.7
.XPD Конвейерный документ XML 3. 7
8 Файл Adobe Design 9 Proto 9038 3.7
.STRM Stream Location File 3.7
.RSS Rich Site Summary 3.7
.DISCO DISCO Discovery Document 3.7
. GSP Groovy Server Page 3.7
.FWP Веб-пакет Microsoft Expression 3.7
8 Веб-страница 90r 903 .GNE 90r0391 3.6
.COMPRESSED WordCompress Compacted Webpage 3.6
.ASP Active Server Page 3.6
.BROWSER ASP.NET Browser Definition File 3.6
.PHP2 Веб-страница PHP 2 3.6
.BOK Динамическая веб-страница ProStores 3.6 96 961 Microsoft Word HTML Document Template 3. 6
.SITES2 iWeb Website Design Project 3.6
.HTML Hypertext Markup Language File 3.6
.AXD ASP. Файл веб-обработчика NET 3.6
.XSS Таблица стилей XML 3.6
.CHAT
.VDW Visio Web Drawing 3.6
.OBML Opera Mini Saved Webpage 3.6
.ASHX ASP.NET Web Handler File 3.6
.MHTML MIME HTML Файл 3,6
.CN ИСТОЧНИКА ИСТОЧНИКА КОНЦЕНЦИЯ 3,6
888 3,6
888 3,6
888.0388 3.6
.WEB Xara Web Document 3.5
.OPML Outline Processor Markup Language File 3. 5
.DO Java Servlet 3.5
. Page Hybridjava Web Page 3,5
.NZB NEWZBIN USENET INDEX FILE 3,5
883 3,5
88 3,5
88 3,5
88 3,5
88 3,5
883383 3,5
8.0391 3.5
.RAZOR Razor Component File 3.5
.CHA IRC Chat Configuration 3.5
.CSR Certificate Signing Request File 3.5
.ASA Файл конфигурации ASP 3.5
.H5P Пакет содержимого HTML5 3.5
Файл проекта 90 Adobe Edge 90 39EDGE

1
3.5
.SHT HTML File with Server Side Includes 3. 5
.QF Qompose Web Page Template 3.5
.CMS Content Management System 3.5
.OLP Office Live Package 3.5
.SPARKLE Sparkle Website Project 3.5
.HYPERESOURCES Hype Resources Folder 3.5
.ALX ActiveX Layout Control File 3.5
.PHP4 PHP 4 Web Page 3.5
.SRF Server Response File 3,5
.JNLP Файл Web Start Java 3,5
.SDB SOCIALDECKS -файл блога .0391 PHP Web Page 3.5
.BR Brotli Compressed File 3.5
. PPTMHTML Microsoft PowerPoint MIME HTML Presentation 3.5
.STC Contribute Connection Key File 3,5
.xbel XBEL КОМПЛЕКТЫ 3,4
.HAR HTTP ARCHIN0396
.UHTML UC Browser Saved Webpage 3.4
.NODE Node.js Binary Addon File 3.4
.WDGT Opera Widget 3.4
.WEBLOC Местоположение веб -сайта MacOS 3,4
.FMP 123 Проект флэш -меню 3,4
.EWPP
.0388 3.4
.FWTEMPLATEB Freeway Template Bundle 3.4
.JSP Jakarta Server Page 3.4
.XFDL XFDL File 3.4
. STML HTML-файл SSI 3.4
.ZHTML Веб-страница RabbitWeb 3.4
.CRL 9 Сертификат 91 Список 0388 3.4
.DBM ColdFusion Server File 3.4
.CER Internet Security Certificate 3.4
.CFM ColdFusion Markup File 3.4
.XHT XHTML-файл 3.3
.SASS Syntactically Awesome StyleSheets File 3.3
3.3
89M Файл проекта 90en

1
3.3
.WML Wireless Markup Language File 3.3
.JSPX XML Jakarta Server Page 3.3
.MHT MHTML Web Archive 3.3
.Sitemap ASP.NET Карта сайта Файл 3,3
. WPP Файл проекта WebPlus 3.3
.OTH OpenDocument HTML Template 3.3
.TPL PrestaShop Template File 3.3
.SHTM HTML Server Side Include File 3.3
.WEBMANIFEST Манифест прогрессивного веб-приложения 3.3
.JSS Файл таблицы стилей JavaScript 3.3
.UCF WebEx Media File 3.2
.FREEWAY Freeway Document 3.2
.NDJSON Newline Delimited JSON File 3.2
.IQY Internet Query 3,2
.VRML Файл VRML 3,2
. VBD Visual Foasu0391 JSON Lines File 3.2
.DISCOMAP DISCO Discovery Output File 3. 2
.MVC MivaScript Compiled File 3.2
.MAFF Mozilla Archive Format File 3.2
.PSP PL/SQL Server Page 3.2
.ADR Opera Bookmarks File 3.1
.HXS Help 2 Compiled Help File 3.1
.HYPE Hype Document 3.1
.HDML Handheld Device Markup Language File 3.1
.CSP Concept Server Page 3.1
.XWS HARA WEB DESTER GRAPHIC 3,1
.0396
.RT RealText Streaming Text File 3.1
.XHTML Extensible Hypertext Markup Language File 3.1
.QBO QuickBooks Online Bank Statement File 3. 1
.WEBARCHIVE Веб-архив Safari 3.0
.SVC Файл веб-службы WCF 3.0
3.0
.ZHTML Secure IE Zipped HTML File 3.0
.PRF PICS Rules File 3.0
.PUB Public Key File 3.0
.WBXML WAP Binary XML File 3.0
.RW3 RapidWeaver 3 Site File 3.0
.VBHTML ASP.NET Razor Web Page 3.0
.SITES iWeb Website Design Project 3.0
.FWTB Freeway Template Bundle 3.0
.SRL OpenSSL Security Certificate Серийный номер 3.0
. PRIVATE Закрытый ключ OpenSSL 3.0
.HYPESYMBOL
.OGNC Dynamic Web Page 3.0
.STL Certificate Trust List 3.0
.HYPETEMPLATE Hype Document Template 3.0
.HTX Файл расширения HTML 3.0
.MUSE Проект веб-сайта Adobe Muse 3.0
.PHTM Веб-страница на основе PHP 0388 3.0
.ECE Escenic Dynamic Web Page 2.9
.MSPX Microsoft ASP.NET Web Page 2.9
.DOCMHTML Microsoft Word MIME HTML Document 2.9
.WGP Web Gallery Project 2.9
.TVPI TitanTV Television Listing File 2. 9
.WOA WebObjects Application 2.9
.LASSO Lasso Database-driven Webpage 2.8
.XBL Extensible Binding Language File 2.8
.WEBHISTORY Safari Web History File 2.8
.LBC Конструктор скрытых партнерских ссылок Сохраненная ссылка 2.8
.IDC Файл Internet Database Connector 2.8
.ATT Web Form Post Data File 2.8
.ZVZ Possible Virus File 2.8
.TVVI TitanTV Television Listing File 2.8
.WEBARCHIVEXML Android Web Browser Archive 2.7
.WIDGET HybridJava Widget 2.7
. ASMX ASP.NET Web Service File 2.7
.SWZ Adobe Flash Player Cache File 2.7
.BWP BuRg3r Web Page 2.7
.JWS Java Web Файл служб 2,7
. АТОМ Формат синдикации атом 2,6
.CDF .0391 PHP 3 Web Page 2.6
.MAP Image Map 2.6
.PHP5 PHP 5 Web Page 2.5
.FACES JavaServer FacesServlet Pointer 2,5
.RWSW Файл Сайта Rapidweaver 2,5
. WGT FAYPA FILEGE 88,5 FAIRA Widget File 88,5 Файл.0391 2.5
.HDM HDML File 2.5
.RFLW Edge Reflow Data File 2. 5
.MVR IBM HotMedia Multimedia File 2.4
.ZFO XSL-FO онлайн-форма 2,4
.RWP Пакет Rapidweaver 888 2,4
888 2,4
88888 2,4
8888888 2,4
888888 2,4
8888888 2,4
888888 2,4
88888 2,4
8888.0391
.AN Adobe Edge Animate Project File 2.4
.STP SharePoint Template 2.4
.PTW AutoCAD Publish To Web File 2.3
. NXG eSite Builder NXG Web Page 2.3
.SAVEDDECK Nokia Saved Web Page 2.3
.KCMSF Korean Central News Agency Website Script 2.3
. QRM Qworum Message File 2.3
.WN WN Web File 2.3
.CCBJS CopperCube JavaScript File 2.3
. PPTHTML HTML-презентация Microsoft PowerPoint 2.2
.LESS LESS Таблица стилей 2.1
.3QBX 2.0
.RWTHEME RapidWeaver Theme 2.0
.WPX WebPlus Project Template 2.0
.CPG Cool Page Project File 2.0
. MAPX MAPJECTS Клиентский файл веб -частей 2.0
.IWDGT IWEB File 8888 2,0
2.0
.JCZ Liquid Motion Animation 2. 0
.JST JavaServer Page Document 2.0
.CFML ColdFusion Markup Language File 2.0
.JVS Файл автоконфигурации прокси-сервера JavaScript 2.0
.CPHD Предварительно обработанный гипертекстовый документ CloudChan 2.0
.MOZ Mozilla Cache File 1.8
.STM SSI Web Page 1.7
.FCGI FastCGI File 1.6
.ITPC iTunes Podcast Link 1.5

Глобальная структура HTML-документа

Глобальная структура HTML-документа

 предыдущий следующий содержимое   элементы   атрибуты   индекс


Содержание

  1. Введение в структуру HTML документ
  2. Информация о версии HTML
  3. HTML элемент
  4. Головка документа
    1. ГОЛОВКА элемент
    2. НАЗВАНИЕ элемент
    3. Название атрибут
    4. Метаданные
      • Указание метаданных
      • МЕТА элемент
      • Профили метаданных
  5. Тело документа
    1. КОРПУС элемент
    2. Идентификаторы элементов: id и класс атрибуты
    3. Блочные и встроенные элементы
    4. Элементы группировки: элементы DIV и SPAN
    5. Заголовки: h2 , h3 , h4 , х5 , Х5 , Х6 элементы
    6. АДРЕС элемент

7.

1 Введение в структуру HTML документ

Документ HTML 4 состоит из трех частей:

  1. строка, содержащая HTML-версию информация,
  2. раздел декларативного заголовка (разделенный HEAD элемент),
  3. тело, содержащее фактическое содержимое документа. Тело может быть реализуется элементом BODY или элементом Элемент FRAMESET .

Пробелы (пробелы, новые строки, вкладки и комментарии) могут появляться перед или после каждого раздела. Разделы 2 и 3 должны быть разделены цифрой 9.2630 HTML элемент.

Вот пример простого HTML-документа:



   <ГОЛОВА>
      Мой первый HTML-документ
   
   <ТЕЛО>
      

Привет, мир!

Действительный документ HTML указывает, какая версия HTML используется в документе. Объявление типа документа называет определение типа документа (DTD), используемое для документа (см. [ИСО8879]).

HTML 4.01 определяет три DTD, поэтому авторы должны включать одно из следующих объявления типа документа в своих документах. DTD различаются по элементам они поддерживают.

URI в каждом объявлении типа документа позволяет агентам пользователя загружать DTD и любые наборы сущностей, которые нужный. Следующие (относительные) URI относятся к DTD и наборы сущностей для HTML 4:

  • "strict.dtd" -- строгое DTD по умолчанию
  • "loose.dtd" -- свободный DTD
  • "frameset.dtd" -- DTD для набора фреймов документы
  • "HTMLlat1.ent" -- сущности Latin-1
  • "HTMLsymbol.ent" -- Сущности символов
  • "HTMLspecial.ent" -- Специальные сущности

Связь между общедоступными идентификаторами и файлами может быть указана с помощью файл каталога в формате, рекомендованном Oasis Open Consortium (см. [ОАЗИСОТКРЫТ]). Образец файла каталога для HTML 4.01 включен в начало раздела, посвященного SGML. информация для HTML. Последние две буквы декларации указывают на язык DTD. Для HTML это всегда английский язык ("EN").

Примечание. Начиная с версии HTML 4.01 от 24 декабря, Рабочая группа HTML придерживается следующей политики:

  • Любые изменения будущих DTD HTML 4 не сделают документы, которые соответствуют DTD настоящей спецификации. Рабочая группа HTML оставляет за собой право исправлять известные ошибки.
  • Программное обеспечение, соответствующее DTD настоящей спецификации, может игнорировать функции будущих DTD HTML 4, которые он не распознает.

Это означает, что в объявлении типа документа авторы могут безопасно использовать системный идентификатор, который относится к последней версии HTML 4 DTD. Авторы также может выбрать использование системного идентификатора, который относится к конкретному (датированному) версия HTML 4 DTD, когда требуется проверка для этого конкретного DTD. W3C приложит все усилия, чтобы сделать архивные документы бессрочно доступными по адресу их первоначальный адрес в их первоначальной форме.

 HTML  O O (%html.content;) -- корневой элемент документа -->

 

Начальный тег: необязательный , Конечный тег: опционально

Определения атрибутов

версия = cdata [CN]
Устарело. Значение этого атрибута указывает, какая версия HTML DTD управляет текущим документ. Этот атрибут устарел, поскольку он дублирует информацию о версии, предоставляемую типом документа. декларация.

Атрибуты, определенные в другом месте

  • язык (язык информация), дир (текст направление)

После объявления типа документа оставшаяся часть HTML-документа содержится в элементе HTML . Таким образом, типичный HTML-документ имеет это структура:

 01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

  ...Голова, тело и т.д. идут сюда... 

 

7.4 Головка документа

7.4.1 Модель

ГОЛОВА элемент

 HEAD  O O (%head.content;) +(%head.misc;) -- заголовок документа -->
 профиль  %URI; #ПРЕДПОЛАГАЕТСЯ -- именованный словарь метаинформации --
  >
 

Начальный тег: необязательный , Конечный тег: опционально

Определения атрибутов

профиль = uri [CT]
Этот атрибут указывает расположение одного или нескольких профилей метаданных, разделены пробелом. Для будущих расширений пользовательские агенты должны учитывать значение должно быть списком, даже если эта спецификация рассматривает только первый URI должен быть значимым. Профили обсуждаются ниже в раздел о метаданных.

Атрибуты, определенные в другом месте

  • язык (язык информация), дир (текст направление)

Элемент HEAD содержит информацию о текущем документе, например как его название, ключевые слова, которые могут быть полезны поисковым системам, и другие данные это не считается содержанием документа. Пользовательские агенты обычно не отображают элементы, которые появляются в HEAD как содержимое. Однако они могут сделать информация в HEAD доступны пользователям через другие механизмы.

7.4.2 Модель

НАЗВАНИЕ элемент
 TITLE  - - (#PCDATA) -(%head.misc;) -- название документа -->

 

Начальный тег: требуется , Конечный тег: требуется

Атрибуты, определенные в другом месте

  • язык (язык информация), дир (текст направление)

Каждый документ HTML должен иметь НАЗВАНИЕ элемент в разделе HEAD .

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

Из соображений доступности пользовательские агенты всегда должны делать содержимое Элемент TITLE , доступный пользователям (включая TITLE элементы, встречающиеся в кадрах). Механизм для этого зависит от пользователя агент (например, как заголовок, разговорный).

Заголовки могут содержать символы (для символов с диакритическими знаками, специальных символов и т. д.), но не может содержать другие разметка (включая комментарии). Вот пример названия документа:

 w3.org/TR/html4/strict.dtd">

<ГОЛОВА>
Исследование динамики населения
  ... прочие элементы головки... 

<ТЕЛО>
  ... тело документа... 


 

7.4.3 Название

атрибут

Определения атрибутов

заголовок = текст [CS]
Этот атрибут предлагает консультативную информацию об элементе, для которого он установлен.

В отличие от элемента TITLE , который предоставляет информацию обо всем документ и может появиться только один раз, атрибут title может аннотировать любое число элементов. Пожалуйста, обратитесь к определению элемента, чтобы убедитесь, что он поддерживает этот атрибут.

Значения атрибута title могут отображаться агентами пользователя по-разному. способов. Например, визуальные браузеры часто отображают заголовок как «инструмент». подсказка» (короткое сообщение, которое появляется, когда указывающее устройство останавливается над объект). Пользовательские аудиоагенты могут произносить информацию о заголовке аналогичным образом. контекст. Например, установка атрибута ссылки позволяет агентам пользователя (визуальные и невизуальные), чтобы сообщить пользователям о характере связанных ресурс:

  ...какой-то текст... 
Вот фото

   я нырял с аквалангом прошлым летом

  ...ещё текст... 
 

Атрибут title играет дополнительную роль при использовании с LINK . элемент для обозначения внешняя таблица стилей. Подробную информацию см. в разделе о ссылках и таблицах стилей.

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

7.4.4 Метаданные

Примечание. W3C Структура описания ресурсов (см. [RDF10]) стала Рекомендация от февраля 1999 г. RDF позволяет авторам указывать машиночитаемые метаданные о HTML-документах и ​​других сетевых ресурсах.

HTML позволяет авторам указывать метаданные — скорее информацию о документе. чем содержание документа — разными способами.

Например, чтобы указать автора документа, можно использовать МЕТА элемент следующим образом:


 

Элемент META указывает свойство (здесь «Автор») и присваивает ценность для него (здесь «Дэйв Рэггетт»).

Эта спецификация не определяет набор допустимых свойств метаданных. значение свойства и набор допустимых значений для этого свойства должны быть определенный в справочном словаре, называемом профилем. За Например, профиль, предназначенный для помощи поисковым системам в индексировании документов, может определять такие свойства, как «автор», «авторское право», «ключевые слова» и т. д.

Указание метаданных 

Как правило, указание метаданных включает два шага:

  1. Объявление свойства и значения для этого свойства. Это можно сделать за два способы:
    1. Из документа через элемент META .
    2. Извне документа, путем ссылки на метаданные через LINK элемент (см. раздел по ссылке виды).
  2. Ссылка на профиль, в котором свойство и его юридические значения определены. Для обозначения профиля используйте кнопку атрибут profile элемента HEAD .

Обратите внимание, что поскольку профиль определен для элемента HEAD , тот же профиль применяется ко всем элементам META и LINK в заголовке документа.

Пользовательские агенты не обязаны поддерживать механизмы метаданных. Для тех, кто выбрать поддержку метаданных, эта спецификация не определяет, как метаданные следует интерпретировать.

Элемент
META
 META  - O EMPTY -- общая метаинформация -->
 http-equiv  ИМЯ #ПРЕДПОЛАГАЕТСЯ -- Имя заголовка ответа HTTP --
    имя  ИМЯ #ПРЕДПОЛАГАЕТСЯ -- имя метаинформации --
    content  CDATA #REQUIRED -- связанная информация --
    схема  CDATA #ПРЕДПОЛАГАЕТСЯ -- выберите форму содержания --
  >
 

Начальный тег: требуется , Конечный тег: запрещено

Определения атрибутов

Для следующих атрибутов допустимые значения и их интерпретация профиль зависимый:

имя = имя [CS]
Этот атрибут определяет имя свойства. В этой спецификации не указаны допустимые значения для этого атрибута.
содержание = cdata [CS]
Этот атрибут определяет значение свойства. Эта спецификация не список допустимых значений для этого атрибута.
схема = cdata [CS]
Этот атрибут называет схему, которая будет использоваться для интерпретации значения свойства. (подробности см. в разделе о профилях).
http-equiv = имя [CI]
Этот атрибут можно использовать вместо имени атрибут. Серверы HTTP используют этот атрибут для сбора информации для HTTP. заголовки ответных сообщений.

Атрибуты, определенные в другом месте

  • язык (язык информация), дир (текст направление)

Элемент META можно использовать для идентификации свойств документа (например, автор, срок годности, список ключевых слов и т. д.) и присваивать значения тем характеристики. Эта спецификация не определяет нормативный набор характеристики.

Каждый Элемент META определяет пару свойство/значение. имя атрибут идентифицирует свойство и Атрибут content указывает значение свойства.

Например, следующее объявление устанавливает значение для автора недвижимость:


 

Атрибут lang можно использовать с META , чтобы указать язык для значение атрибута содержимого . Это позволяет использовать синтезаторы речи. правила произношения, зависящие от языка.

В этом примере имя автора объявлено французским:


 

Примечание. Элемент META представляет собой общий механизм для указание метаданных. Однако некоторые элементы и атрибуты HTML уже обрабатывают некоторые фрагменты метаданных и могут использоваться авторами вместо META для укажите эти части: элемент TITLE , элемент ADDRESS , элемент INS и DEL элементы, атрибут title и атрибут cite .

Примечание. Когда свойство, указанное в META элемент принимает значение, которое является URI, некоторые авторы предпочитают указывать метаданные через LINK элемент. Таким образом, следующее объявление метаданных:


 

также может быть записано:


 
META и заголовки HTTP

Атрибут http-equiv может использоваться вместо атрибута имени и имеет особое значение, когда документы извлекаются через протокол передачи гипертекста (HTTP). HTTP серверы могут использовать имя свойства, указанное в http-эквивалент для создания заголовка в стиле [RFC822] в HTTP-ответ. См. спецификацию HTTP ([RFC2616]) для сведения о допустимых заголовках HTTP.

Следующий образец декларации META :


 

приведет к заголовку HTTP:

Истекает: вторник, 20 августа 1996 г., 14:25:27 по Гринвичу.
 

Это может использоваться кэшем для определения того, когда следует получить свежую копию ассоциированный документ.

Примечание. Некоторые пользовательские агенты поддерживают использование META для обновить текущую страницу через указанное количество секунд с опцией заменить его другим URI. Авторы должны использовать , а не этот метод для перенаправления пользователей на разные страницы, так как это делает страницу недоступна для некоторых пользователей. Вместо этого следует выполнить автоматическую переадресацию страниц. с помощью редиректов на стороне сервера.

META и поисковые системы

Обычное использование для META — указать ключевые слова, по которым выполняется поиск. движок может использовать для улучшения качества результатов поиска. Когда несколько Элементы META предоставляют зависящую от языка информацию о документ, поисковые системы могут фильтровать атрибут lang для отображения результатов поиска. результаты с использованием языковых предпочтений пользователя. Например,

<-- Для говорящих на американском английском -->

<-- Для носителей британского английского -->

<-- Для говорящих по-французски -->

 

Эффективность поисковых систем также можно повысить с помощью LINK элемент для указания ссылок на переводы документа на другие языки, ссылки на версии документа на других носителях (например, PDF), и, когда документ является частью коллекции, ссылки на соответствующую отправную точку для просмотр коллекции.

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

МЕТА и ФОТО Платформа для выбора интернет-контента (PICS, указанный в [PICS]) представляет собой инфраструктуру для связывания меток (метаданных) с интернет-контентом. Первоначально разработан, чтобы помочь родителям и учителям контролировать то, что дети могут доступ в Интернете, это также облегчает другие виды использования этикеток, в том числе подпись кода, конфиденциальность и управление правами на интеллектуальную собственность.

В этом примере показано, как можно использовать объявление META для включения Этикетка PICS 1.1:

<ГОЛОВА>
 
   <em> .<img loading='lazy' src='' /> .. название документа ... </em> 

 
META и информация по умолчанию

Элемент META может использоваться для указания информации по умолчанию для документ в следующих инстанциях:

  • Сценарий по умолчанию язык.
  • Таблица стилей по умолчанию язык.
  • Символ документа кодирование.

В следующем примере указывается кодировка символов для документа как ISO-8859-5


 
Профили метаданных
Атрибут профиля HEAD указывает расположение профиля метаданных. Стоимость Атрибут профиля является URI. Пользовательские агенты могут использовать этот URI в двух способы:
  • Как глобально уникальное имя. Пользовательские агенты могут распознавать имя (фактически не извлекая профиль) и выполнять некоторые действия на основе известные соглашения для этого профиля. Например, поисковые системы могут предоставлять интерфейс для поиска по каталогам HTML-документов, где эти все документы используют один и тот же профиль для представления записей каталога.
  • В качестве ссылки. Пользовательские агенты могут разыменовывать URI и выполнять некоторые действия. на основе фактических определений в профиле (например, разрешить использование профиля в текущем документе HTML). Эта спецификация не определить форматы для профилей.

Этот пример относится к гипотетическому профилю, определяющему полезные свойства для индексации документов. Свойства, определенные этим профилем, включая "автор", "авторское право", "ключевые слова" и "дата" - их значения устанавливаются последующие Объявления META .

 
  Как заполнять титульные листы Меморандума
  
  
  
  
 
 

Во время написания данной спецификации общепринятой практикой является использование форматы даты, описанные в [RFC2616], раздел 3. 3. В качестве эти форматы относительно сложны для обработки, мы рекомендуем авторам использовать Формат даты [ISO8601]. Для получения дополнительной информации см. разделы, посвященные INS и ДЕЛ элементы.

Атрибут схемы позволяет авторам предоставлять пользовательские агенты больше контекст для правильной интерпретации метаданных. Временами такие дополнительная информация может иметь решающее значение, например, когда метаданные могут быть указаны в разные форматы. Например, автор может указать дату в (неоднозначный) формат "10-9-97"; это означает 9 октября 1997 года или 10 сентября 1997? Значение атрибута схемы "Месяц-День-Год" устранит неоднозначность этой даты ценность.

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

Например, следующее схема объявления может помочь пользовательскому агенту определить, что значением свойства "идентификатор" является код ISBN номер:


 

Значения атрибута схемы зависят от свойства имя и связанное с ним профиль .

Примечание. Одним из примеров профиля является Dublin Core (см. [DCORE]). Этот профиль определяет набор рекомендуемых свойств для электронных библиографических описаний и предназначен для продвижения интероперабельность между разрозненными моделями описания.

7.5 Корпус документа

7.5.1 Модель

КОРПУС элемент
 BODY  O O (%block;|SCRIPT)+ +(INS|DEL) -- тело документа -->
 при загрузке  %Script; #ПРЕДПОЛАГАЕТСЯ -- документ был загружен --
    при выгрузке  %Script; #ПРЕДПОЛАГАЕТСЯ -- документ был удален --
  >
 

Начальный тег: необязательный , Конечный тег: опционально

Определения атрибутов

background = uri [CT]
Устарело. значением этого атрибута является URI, обозначающий ресурс изображения. Изображение обычно мозаичный фон (для визуальных браузеров).
текст = цвет [CI]
Устарело. Это Атрибут устанавливает цвет переднего плана для текста (для визуальных браузеров).
ссылка = цвет [CI]
Устарело. Это Атрибут задает цвет текста, помечающего непросмотренные гипертекстовые ссылки (для визуального браузеры).
vlink = цвет [CI]
Устарело. Это атрибут задает цвет текста, помечающего посещенные гиперссылки (для визуального браузеры).
ссылка = цвет [CI]
Устарело. Это Атрибут задает цвет текста, помечающего гипертекстовые ссылки при выборе user (для визуальных браузеров).

Атрибуты, определенные в другом месте

  • id , class (идентификаторы всего документа)
  • язык (язык информация), дир (текст направление)
  • title (заголовок элемента)
  • стиль (встроенный информация о стиле)
  • bgcolor (цвет фона)
  • при загрузке , при выгрузке (внутренние события)
  • onclick , ondblclick , onmousedown , onmouseup , onmouseover , onmousemove , onmouseout , onkeypress , onkeydown , onkeyup (внутренние события)

Тело документа содержит содержимое документа. Содержание может быть представлены агентом пользователя различными способами. Например, для визуального браузерах, вы можете думать о теле как о холсте, на котором отображается содержимое: текст, изображения, цвета, графика и т. д. Для звуковых пользовательских агентов одно и то же содержимое можно говорить. Поскольку таблицы стилей теперь предпочтительный способ указать представление документа, презентационное атрибуты BODY были устарел.

УСТАРЕВШИЙ ПРИМЕР:
: Следующий фрагмент HTML иллюстрирует использование устаревших атрибутов. Он устанавливает фон цвет холста на белый, цвет переднего плана текста на черный и цвет гиперссылок сначала на красный, на фуксию при активации и на темно-бордовый один раз посетил.



<ГОЛОВА>
 Исследование динамики населения

<ТЕЛО bgcolor="белый" текст="черный"
  ссылка = "красный" alink = "фуксия" vlink = "бордовый">
    . .. тело документа... 


 

Тот же эффект при использовании таблиц стилей можно выполнить следующим образом:



<ГОЛОВА>
 Исследование динамики населения
 <СТИЛЬ type="text/css">
  ТЕЛО { фон: белый; черный цвет}
  A: ссылка {цвет: красный}
  A: посетил { цвет: темно-бордовый }
  A:активный {цвет: фуксия}
 

<ТЕЛО>
    ... тело документа... 


 

Использование внешних (связанных) таблиц стилей позволяет гибко изменять презентация без редактирования исходного HTML-документа:



<ГОЛОВА>
 Исследование динамики населения
 <ССЫЛКА rel="stylesheet" type="text/css" href="smartstyle.css">

<ТЕЛО>
    ... тело документа... 


 

Наборы фреймов и тела HTML. Документы, содержащие наборы фреймов заменяют элемент BODY на Элемент FRAMESET . Пожалуйста, обратитесь к разделу о фреймах для получения дополнительной информации.

7.5.2 Идентификаторы элементов:

идентификатор и класс атрибуты

Определения атрибутов

id = имя [CS]
Этот атрибут назначает имя элементу. Это имя должно быть уникальным в документ.
класс = cdata-list [CS]
Этот атрибут присваивает элементу имя класса или набор имен классов. Любому количеству элементов может быть присвоено одно и то же имя класса или имена. Несколько имена классов должны быть разделены пробелами.
Атрибут id назначает уникальный идентификатор элемента (который может быть проверен синтаксическим анализатором SGML). Например, следующие абзацы отличаются своими id значения:

Это абзац с уникальным названием.

Это также абзац с уникальным именем.

Атрибут id имеет несколько ролей в HTML:

  • В качестве селектора таблиц стилей.
  • В качестве целевого якоря для гипертекста ссылки.
  • Как средство ссылки на определенный элемент из скрипта.
  • Как имя объявленного элемента OBJECT .
  • Для обработки общего назначения пользовательскими агентами (например, для идентификации полей при извлечении данных из HTML-страниц в базу данных, переводе HTML документы в другие форматы и т. д.).

Атрибут класса , с другой стороны, назначает одно или несколько имен классов к элементу; можно сказать, что элемент принадлежит к этим классам. Имя класса может совместно использоваться несколькими экземплярами элемента. Класс атрибут имеет несколько ролей в HTML:

  • В качестве селектора таблиц стилей (когда автор хочет присвоить информацию о стиле набору элементов).
  • Для обработки общего назначения пользовательскими агентами.

В следующем примере РАЗМЕР элемент используется в сочетании с атрибутами id и class для разметки документировать сообщения. Сообщения появляются как на английском, так и на французском языках.

Переменная объявлена ​​дважды

Необъявленная переменная

Неверный синтаксис имени переменной

Переменная déclarée deux fois

Переменная indéfinie

Ошибка синтаксиса для переменной

Следующие правила стиля CSS указывают визуальным агентам пользователя отображать информационные сообщения зеленым цветом, предупреждающие сообщения желтым цветом и сообщения об ошибках красным:

SPAN.info { цвет: зеленый }
SPAN. warning { цвет: желтый }
SPAN.error { цвет: красный }
 

Обратите внимание, что французское «msg1» и английское «msg1» могут не отображаться в один и тот же документ, так как они имеют одно и то же значение id . Авторы могут в дальнейшем использовать из атрибут id для уточнения представления отдельных сообщений, сделать их целевые якоря и т. д.

Почти каждому элементу HTML можно назначить идентификатор и класс Информация.

Предположим, например, что мы пишем документ о программировании язык. Документ должен включать ряд предварительно отформатированных примеров. Мы используем Элемент PRE для форматирования примеров. Мы также назначаем фон цвет (зеленый) для всех экземпляров элемента PRE , принадлежащего классу "пример".

<ГОЛОВА>
 <em> ... название документа ... </em> 
<СТИЛЬ type="text/css">
PRE.example { фон : зеленый }


<ТЕЛО>
<ПРЕД>
  ...пример кода здесь. .. 


 

Установив атрибут id для этого примера, мы можем (1) создать гиперссылку к нему и (2) переопределить информацию о стиле класса с помощью стиля экземпляра Информация.

Примечание. Атрибут id использует то же пространство имен, что и атрибут имя при использовании для имен привязок. Пожалуйста обратитесь к разделу по анкерам с идентификатор для получения дополнительной информации.

7.5.3 Блочный и встроенный элементы

Некоторые элементы HTML, которые могут появляться в BODY , считаются «блочными», в то время как другие «встроенный» (также известный как «уровень текста»). Различие основано на несколько понятий:

Модель контента
Как правило, блочные элементы могут содержать встроенные элементы и другие элементы. элементы блочного уровня. Как правило, встроенные элементы могут содержать только данные и другие встроенные элементы. Этому структурному различию присуща идея о том, что блочные элементы создают «более крупные» структуры, чем встроенные элементы.
Форматирование
По умолчанию элементы блочного уровня форматируются иначе, чем встроенные элементы. Как правило, элементы блочного уровня начинаются с новой строки, встроенные элементы не надо. Для получения информации о пробелах, разрывах строк и форматировании блоков см. пожалуйста, обратитесь к разделу по тексту.
Направленность
По техническим причинам, связанным с двунаправленным [UNICODE] текстовый алгоритм, блочные и встроенные элементы различаются тем, как они наследуют информация о направленности. Подробнее см. в разделе о наследовании направления текста.

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

Изменение традиционных идиом презентации для блочного уровня и встроенные элементы также влияют на двунаправленный текст алгоритм. Смотрите раздел о влияние таблиц стилей на двунаправленность для получения дополнительной информации.

7.5.4 Элементы группировки:

DIV и ПРОЛЕТ элементов
 DIV  - - (%flow;)* -- общий контейнер языка/стиля -->

 SPAN  - - (%inline;)* -- универсальный контейнер языка/стиля -->

 

Начальный тег: требуется , Конечный тег: требуется

Атрибуты, определенные в другом месте

  • id , class (идентификаторы всего документа)
  • язык (язык информация), дир (текст направление)
  • заголовок (заголовок элемента)
  • стиль (встроенный информация о стиле)
  • выравнивание (выравнивание)
  • onclick , ondblclick , onmousedown , onmouseup , onmouseover , onmousemove , onmouseout , onkeypress , onkeydown , onkeyup (внутренние события)

Элементы DIV и SPAN в сочетании с элементами id и атрибуты класса , предлагают общий механизм для добавления структуры к документы. Эти элементы определяют контент как встроенный ( РАЗМЕР ) или блочный уровень ( DIV ), но не налагает никаких других презентационных идиом на содержание. Таким образом, авторы могут использовать эти элементы в сочетании с таблицами стилей, атрибутом lang и т. д., чтобы адаптировать HTML для своих нужд и вкусов.

Предположим, например, что мы хотим сгенерировать HTML-документ на основе база данных клиентов. Поскольку HTML не включает элементы, идентифицировать такие объекты, как «клиент», «номер телефона», «адрес электронной почты» и т. д., мы используем DIV и SPAN для достижения желаемой структуры и внешнего вида последствия. Мы могли бы использовать элемент TABLE следующим образом, чтобы структурировать информация:


<ДЕЛ>

Информация о клиенте: <ТАБЛИЦА> Фамилия:Бойера Имя:Стефан Тел. :(212) 555-1212 Электронная почта:[email protected]

<ДЕЛ>

Информация о клиенте: <ТАБЛИЦА> Фамилия:Лафон Имя:Ив Тел.:(617) 555-1212 Электронная почта:[email protected]