Инструменты пользователя

Инструменты сайта


software:development:ps_pycharm:dynamic_site:dynamic_site

Это старая версия документа!


Создание динамического веб-сайта

Основы HTML

index.html
<!DOCTYPE html>  
<html>
    <head>       
        <meta charset="utf-8">
        <title>Документ HTML5</title>
        <link rel="stylesheet" type="text/css" href="style.css"> 
        <script src="script.js"></script> 
    </head>
    <body>
        <div>Содержание документа HTML5</div>
    </body>
</html>
Структура HTML -документа
Элемент Описание
<!DOCTYPE html> Объявление формата документа (это документ html с использованием HTML5)
<html> Является корневым элементом документа (между и находиться все содержимое документа, выводимое в окне браузера)
<head> Техническая информация о документе (заголовок, описание, кодировку и т.д.). Введенная информация не отображается в браузере, но содержит данные, указывающие браузеру, как обрабатывать страницу.
<title> Наименование документа, которое отображается в строке заголовка веб-браузера
<meta> Определяет метаинформацию страницы. В данном случае с помощью атрибута charset=«utf-8» указываем кодировку utf-8.
<style> Задает стили, которые используются на странице. Для задания стилей в HTML-документе используется язык CSS.
<link> Определяет взаимосвязь между текущей страницей и другими документами.
<script> Позволяет присоединять к документу различные сценарии. Текст сценария может располагаться либо внутри этого элемента, либо во внешнем файле. Если текст сценария расположен во внешнем файле, то он подключается с помощью атрибутов элемента.
<body> Предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>
<div> Блок, предназначенный для группировки контента.
Только авторизованные участники могут оставлять комментарии.
software/development/ps_pycharm/dynamic_site/dynamic_site.1691513276.txt.gz · Последнее изменение: vladpolskiy