Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP КАК СДЕЛАТЬ ПРОГРАММЫ SW3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS КИБЕРБЕЗОПАСНОСТЬ НАУКА О ДАННЫХ
     ❯   

HTML Учебники


HTML Формы


HTML Графика


HTML Медиа


HTML API Интерфейсы


HTML Примеры


HTML Ссылки



HTML Основы



В этой главе Вы частично научитесь использовать теги в примерах.

В следующих главах Вы узнаете о них более подробно.

Документ HTML

Все HTML документы должны начинаться с объявления типа документа: <!DOCTYPE html>.

Сам HTML документ начинается с <html> и заканчивается </html>.

Видимая часть HTML документа находится между <body> и </body>.

<!DOCTYPE html>
<html>
 <body>

  <h1>Мой первый заголовок</h1>
  <p>Мой первый параграф.</p>

 </body>
</html>
Попробуйте сами »

Декларация <!DOCTYPE>

Декларация <!DOCTYPE> представляет тип документа и помогает браузерам корректно отображать веб страницы.

Она должна появиться только один раз, в верхней части страницы (перед HTML тегами).

Декларация <!DOCTYPE> не чувствительно к регистру.

Декларация <!DOCTYPE> для HTML5:

<!DOCTYPE html>

Заголовки

HTML заголовки определены тегами <h1> до <h6>.

<h1> определяет наиболее важный заголовок. <h6> определяет наименее важный заголовок:

<h1>Это заголовок 1</h1>
<h2>Это заголовок 2</h2>
<h3>Это заголовок 3</h3>
<h4>Это заголовок 4</h4>
<h5>Это заголовок 5</h5>
<h6>Это заголовок 6</h6>
Попробуйте сами »

Параграфы и абзацы

HTML параграфы и абзацы определяются тегом <p>:

<p>Это параграф.</p>
<p>Это еще один параграф.</p>
Попробуйте сами »

Ссылки

HTML ссылки определяются тегом <a>:

<a href="https://schoolsw3.com">Это ссылка</a>
Попробуйте сами »

Назначение ссылки указана в атрибуте href.

Атрибуты используются для предоставления дополнительной информации об элементах HTML.

Вы узнаете больше об атрибутах в следующей главе.


Изображения

HTML изображения определяются с помощью тега <img>.

Исходный файл src, альтернативный текст alt, ширина и высота указана в качестве атрибутов width и height:

<img src="schoolsw3.jpg" alt="Schoolsw3.com" width="104" height="142">
Попробуйте сами »

Нужен хостинг для вашего первого сайта?

Получите скидку 10% на TimeWeb по промокоду SCHOOLSW3


Как просмотреть исходный код HTML?

Вы когда-нибудь видели веб страницу и задавались вопросом: "Эх! Как им это удалось?"

Просмотр исходного кода HTML:

Щелкните правой кнопкой мыши на HTML странице и выберите "Просмотр источника страницы" (в Chrome) или "Просмотр источника" (в Edge), или аналогично в других браузерах. Откроется окно, содержащее исходный HTML код страницы.

Проверка HTML элемента:

Щелкните правой кнопкой мыши на элементе (или пустой области) и выберите "Проверить" или "Проверьте элемент", чтобы увидеть, из чего состоят элементы (вы увидите как HTML, так и CSS). Вы также можете редактировать HTML или CSS на лету в открывшейся панели элементы или стили.



×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

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

Авторское право 1999- принадлежит Refsnes Data. Все права защищены. Schoolsw3 работает на SW3.CSS.