Если вы не стремитесь стать художником, то в качестве разработчика вы можете понять HTML и внести простые изменения, если это необходимо. Следуйте моим идеям ниже, чтобы убедиться, что статья позволяет вам понять HTML. Конечно, в процессе чтения его снова лучше попробовать самостоятельно, чтобы понимание было глубже. ОК, начните снизу: (символы ниже введены на английском языке)
1. Основные правила HTML<html>
<голова>
<Title> Моя веб -страница </title>
………………………………………………………………………
</head>
<тело>
…………………………………………………….
</body>
</html>
Почти все веб -страницы находятся в этом формате. Это обязательная отметка для веб-страницы. Каждая отметка находится в <> и заканчивается </>, за исключением того, что в эллипсис добавлено много грязных вещей, что мы видим.
Скопируйте приведенный выше код в блокноте и сохраните его как файл A.HTML, и он становится веб -страницей. Попробуем
Ниже откройте его в блокноте, добавьте слово «домашняя страница» между <body>, сохраните, а затем откройте, см. Следующую картинку:
Затем добавьте отметку на передней и задней части домашней страницы и измените ее на <a href =#> домашняя страница </a>, сохраните ее и посмотрите, что это за эффект?
Это гиперссылка, которую мы обычно видим в Интернете? Но домашняя страница не изменяется при щелчке на домашней странице здесь, потому что мы добавили пустое соединение и нажимаем на утюг, пока оно жарко. Мы следовали предыдущему методу и создали страницу, сохранившуюся как B.HTML, а затем заменили # выше на B.HTML. После открытия нажмите на домашнюю страницу, мы перейдем на страницу B? (Конечно, страницы A и B должны находиться в одном и том же каталоге) Пока здесь вы должны понять, что на самом деле все функции на веб -страницах реализованы различными тегами, такими как <a>, и вы помните функции этих тегов только тогда, когда вам нужно их делать.
2. Структура веб -сайтаЕсли вы обращаете внимание на серфинг в Интернете, веб -страницы фактически разделены на части, как показано на картинке
Конечно, это всего лишь общая структура. Вы также можете разделить его на многие блоки в соответствии с вашими потребностями. Блоки предназначены в основном для изменения аспектов и определения их соответствующих стилей выражения.
Это в основном достигается с помощью тега <div> </div>. Позвольте мне попробовать добавить тег <Div> на домашнюю страницу:
<div>
<a href = b.html> домашняя страница </a>
</div>
Сохраните, попробуйте при его открытии, какой это будет эффект?
Это все же, что и до модификации? Давайте добавим в него некоторые модификации:
<div style = ширина: 200px; высота: 100px; пограничный стиль: твердый; >
При запуске пьеса, которую мы пометили, представлена синим фоном!
Добавьте много блоков <div> </div>, чтобы удалить веб -страницу из большого количества, ха -ха, а затем поместите то, что вы хотите поместить в каждый блок.
Конечно, многие <div> s имеют стиль =. Если эти настройки стиля похожи, каждая из наших настроек будет слишком хлопотно. Обычно мы размещаем стили в другом файле .css (управляет стилями отображения каждой отметки на веб -странице), а затем называем их, где их нужно вызвать. Попробуем это ниже
Создайте новый блокнот, переименуйте его в C.CSS и откройте его и напишите на:
#Header {ширина: 200px; высота: 100px; пограничный стиль: твердый;}
И удалить его в A.HTML
Затем добавьте <link rel = stylesheet type = text/css href = c.css/> до </head>
То есть введите файл C.CSS. Преимуществом размещения CSS в отдельный файл состоит в том, что если многие места ссылаются на этот стиль, если мы изменем это место, все они изменятся, в противном случае мы должны вручную изменить каждое место, что не способствует более позднему обслуживанию.
Наконец, измените <div> a.html на <div id = заголовок>
Эффект такой же, как и раньше?
Почти, на данный момент, я, вероятно, не могу написать стихи и читать их. Эта статья в основном позволяет всем иметь общее понимание HTML и знать, что происходит. Есть еще много тегов, которые не участвуют. Вам нужно найти эту книгу для веб -дизайна и запомнить ее.