HTML — Промежуточные итоги
Если вы тщательно изучаете все части этого учебника HTML начального уровня, то в принципе у вас уже должно быть все, что необходимо для решения большинства задач, стоящих перед разработчиком HTML сайтов.
В действительности в связи с тем, что большинство тех, кто использует HTML, использует его криво, то вы должны быть лучше многих.
Следующий код иллюстрирует все методы, описанные в предыдущих главах этого учебника:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Моя первая веб-страница</title> <!-- Кстати, это комментарий --> </head> <body> <h2>Моя первая веб-страница</h2> <h3>Что это</h3> <p>Простая страница, чтобы свести воедино знания о HTML. <strong> Простая страница, чтобы свести воедино знания о HTML.</strong> Простая страница, чтобы свести воедино знания о HTML.Простая страница о HTML. Простая страница о HTML. Простая страница, чтобы свести воедино знания о HTML.</p> <h3>Для чего это нужно</h3> <ul> <li>Чтобы изучить HTML</li> <li>Чтобы похвастаться <ol> <li>перед начальником</li> <li>перед друзьями</li> <li>перед моей кошкой</li> <li>перед маленькой говорящей уткой в мой голове</li> </ol> </li> <li>Потому что полюбил мой компьютер и хочу привить ему любовь к HTML.</li> </ul> <h3>Где найти учебники</h3> <p><a href="http://mysite.ru"><img src="http://mysite.ru/images/logo.gif" alt="HTML logo" /></a></p> <h4>Случайная таблица</h4> <table border="1"> <tr> <td>Строка 1, ячейка 1</td> <td>Строка 1, ячейка 2</td> <td>Строка 1, ячейка 3</td> </tr> <tr> <td>Строка 2, ячейка 1</td> <td>Строка 2, ячейка 2</td> <td>Строка 2, ячейка 3</td> </tr> <tr> <td>Строка 3, ячейка 1</td> <td>Строка 3, ячейка 2</td> <td>Строка 3, ячейка 3</td> </tr> <tr> <td>Строка 4, ячейка 1</td> <td>Строка 4, ячейка 2</td> <td>Строка 4, ячейка 3</td> </tr> </table> <h4>Случайная форма</h4> <p><strong>Внимание:</strong> Форма имеет все нужные части, но ничего не делает</p> <form action='somescript. php' method="post"> <p>Имя:</p> <p><input type="text" name="name" value="Ваше имя" /></p> <p>Комментарий: </p> <p><textarea rows="10" cols="20" name="comments">Ваш комментарий</textarea></p> <p>Вы:</p> <p><input type="radio" name="areyou" value="male" /> Мужчина</p> <p><input type="radio" name="areyou" value="female" /> Женщина</p> <p><input type="radio" name="areyou" value="hermaphrodite" /> Ни то, ни се</p> <p><input type="submit" /></p> <p><input type="reset" /></p> </form> </body> </html>
Ну, вот и все. Сохраните получившийся файл и изучите его как следует, – это лучший способ понять, как все работает.
Первый шаг в изучении HTML вы сделали. Пришло время двигаться дальше и узнать больше о языке гипертекстовой разметки документа.
Очень простая HTML страница • фриланс-работа для специалиста • категория Веб-программирование ≡ Заказчик Володимир Шелевер
6 из 6
проект завершен
публикация
прием ставок
утверждение условий
резервирование
выполнение проекта
проект завершен
Проект переведен автоматически. Показать оригинал
Проект показан на языке оригинала. Перевести
Добрый день .
Нужна очень простая HTML страница в соответствии с PS, срочно.
Нужна очень простая HTML страница в соответствии с PS, срочно.
Нужна очень простая HTML страница в соответствии с PS, срочно.
Нужна очень простая HTML страница в соответствии с PS, срочно.
Спасибо вам . Владимир →
Добрий день.
Потрібна дуже проста HTML сторінка відповідно до PS, терміново.
Потрібна дуже проста HTML сторінка відповідно до PS, терміново.
Потрібна дуже проста HTML сторінка відповідно до PS, терміново.
Потрібна дуже проста HTML сторінка відповідно до PS, терміново.
Дякую. Володимир.
Приложения 2
Просмотр приложений доступен только зарегистрированным пользователям.
Отзыв заказчика о сотрудничестве с Vladyslav Hrokh
Очень простая HTML страницаКачество
Профессионализм
Стоимость
Контактность
Сроки
Прекрасная работа! Быстрая коммуникация! Рекомендую !
Очень простая HTML страница
Оплата
Постановка задачи
Четкость требований
Контактность
Очень приятный заказчик и человек. Ставит четкие цели и задачи. Своевременно отвечает на вопросы по проекту. Сотрудничеством доволен. Рекомендую.
Vladyslav Hrokh | Сейф
- Ставки 11
дата онлайн рейтинг стоимость время выполнения
ставка скрыта фрилансером
1 день400 UAH
1 день400 UAH
Здравствуйте.
Меня заинтересовало ваше предложение.
Готов помочь Вам.
Портфолио: Freelancehunt
Последняя работа, Верстка главной страницы: https://vladbelevtsov.github.io/TourUp/
Мой сайт: https://advanceup.com.ua/1 день500 UAH
1 день500 UAH
Доброго дня! можу зробити до 9 вечора.
________________________
моє портфоліо: https://dmitriy-dev.000webhostapp.com/site_portfolio/index.htmlфрилансер больше не работает на сервисе
ставка скрыта фрилансером
- 55″ data-days=»2″ data-lastactivity=»1645660800″>
2 дня1000 RUB
2 дня1000 RUB
Здравствуйте. Заинтересовало ваше предложение. Готов начать выполнение сразу после обсуждения условий.
Опыт в работе: 4 года.
К работе отнесусь крайне серьёзно. 1 день190 UAH
1 день190 UAH
Добрий день, готовий зробити вам HTML сторінку дешево і швидко. Якщо вас зацікавила моя пропозиція пишіть в лс
1237
16 0
1 день400 UAH
Oleg K.
1 день400 UAH
Доброго дня.
Победившая ставка1 день350 UAH
Победившая ставка1 день350 UAH
Добрый день. Готов сверстать вашу страничку. Обращайтесь в личку , обсудим.
1 день500 UAH
1 день500 UAH
Готов взяться за работу, пишите, сделаю все качественно. Опыт работы уже больше 8ми лет! 2 часа.
-
фрилансер больше не работает на сервисе
3 года назад
93 просмотра
простых HTML-дизайнов, тем, шаблонов и загружаемых графических элементов на Dribbble
Стабильный веб-сайт EV: шаблон начальной загрузки html css javascript jquery
Просмотр ИИ для лучшего кулинарного опыта Веб-сайт html css bootstrap js
AI для лучшего кулинарного опыта Веб-сайт html css bootstrap js
Просмотр HTML-шаблон сайта Nextmv, тема администратора, css bootstrap js php
HTML-шаблон веб-сайта Nextmv, тема администратора, css bootstrap js php
HTML-шаблон веб-сайта по уходу за животными, тема администратора, css bootstrap php
HTML-шаблон веб-сайта по уходу за животными, тема администратора, css bootstrap php
Посмотреть HTML-шаблон веб-сайта OpenColony, тему администратора, css bootstrap js
HTML-шаблон веб-сайта OpenColony, тема администратора, css bootstrap js
Просмотр HTML-шаблон веб-сайта йоги, тема администратора, css bootstrap js php
HTML-шаблон веб-сайта йоги, тема администратора, css bootstrap js php
Сайт портала просмотра фильмов и сериалов html шаблон, css bootstrap
Портал фильмов и сериалов HTML-шаблон сайта, css bootstrap
Посмотреть HTML-шаблон веб-сайта Ninox, тему администратора, css bootstrap js php
HTML-шаблон веб-сайта Ninox, тема администратора, css bootstrap js php
Просмотр html-шаблона веб-сайта Atopa, темы администратора, css bootstrap js php
HTML-шаблон веб-сайта Atopa, тема администратора, css bootstrap js php
View Kalli — Адаптивные HTML-шаблоны
Kalli — адаптивные HTML-шаблоны
Посмотреть целевую страницу путешествия — HTML + CSS
Целевая страница путешествия — HTML + CSS
Посмотреть бесплатное простое и минимальное портфолио Barts
Barts Бесплатный простой и минимальный веб-сайт портфолио
Просмотреть HTML-шаблон сайта виртуального музея, тема админки, css js php
HTML-шаблон сайта виртуального музея, тема администратора, css js php
Просмотр макетов электронных писем в формате HTML
Макет электронной почты в формате HTML
Посмотреть целевую страницу Bites
Укусы Лендинг Страница
View Move — многоцелевой HTML-шаблон I
Перемещение — многоцелевой HTML-шаблон I
Набор иллюстраций View Icon
Набор иконок
Посмотреть бесплатное портфолио Barts в простом и минимальном стиле в темном стиле
Barts Бесплатный простой и минимальный веб-сайт портфолио Темный стиль
Просмотр диапазонов
Посмотреть пункт HTML-шаблон веб-сайта, тема администратора, css bootstrap js php
Пункт HTML-шаблон веб-сайта, тема администратора, css bootstrap js php
Посмотреть Fluiditype для простой типографики
Fluiditype для простой типографики
Посмотреть Formcarry на ProductHunt 🤙
Formcarry on ProductHunt 🤙
Посмотреть дизайн логотипа кода поиска
Код поиска Дизайн логотипа
Посмотреть HTML-шаблон веб-сайта Wizeline, тему администратора, css bootstrap js
HTML-шаблон веб-сайта Wizeline, тема администратора, css bootstrap js
Зарегистрируйтесь, чтобы продолжить или войдите в систему
Загрузка еще…
Некоторые часто используемые теги HTML
Некоторые часто используемые теги HTMLТеги | Использовать |
(.![]() | Весь HTML-документ |
( . . .)* | Заголовок или пролог HTML-документа |
( . . .)* | Все остальное содержимое документа HTML |
Название документа | |
. . . | Заголовок первого уровня крупный шрифт |
. . . | Заголовок второго уровня |
. . . | Заголовок третьего уровня |
. . . | Заголовок четвертого уровня |
. . . | Заголовок пятого уровня |
. . . | Заголовок шестого уровня, мелкий размер шрифта |
<Р> . . . ()* | Абзац При нажатии возврата в файле HTML новый абзац не создается при просмотре файла. Вам нужно использовать этот тег, чтобы создать новый абзац.![]() |
| Разрыв строки Этот тег показывает пустую строку. |
Горизонтальная линейка Создает горизонтальную линию на странице. | |
Комментарий Комментарии, которые вы пишете в середине, не будут отображаться на странице при просмотре. | |
| Ссылка (A=Anchor) связывает текущий файл HTML с другим файлом. Пример: Вернуться в главное меню Это отобразит файл, имя которого указано в кавычках. Имя ссылка, которая представляет собой цветные слова, которые вы на самом деле видите, идет между первым > и второй <. Здесь название ссылки Вернуться к Главное меню Другой пример: ILTNet Эта ссылка приведет вас на другую страницу в Интернете. Вы можете видеть в Интернете адрес в кавычках. |
| Список определений Поместите
![]()
|
![]() | Встроенное изображение Поместите имя изображения (.gif или .jpg) в цитаты. |
. . . | Жирный Делает текст жирным |
. . . | Курсив Выделение текста курсивом |
Размер шрифта Этот тег используется для изменения размера шрифта. Это лучше, чем использовать тег заголовка, чтобы шрифт отображался больше. | |
<таблица> | |
