Нaпишите программу. Вставка изображения в HTML-код страницы.
Для вставки картинок в HTML используется тег IMG с обязательным атрибутом SRC. Этот атрибут указывает браузеру путь к файлу изображения. Т.е. для вставки картинки с названием logo.jpg в определенное место страницы (при условии, что и страница, и картинка расположены в одной папке (каталоге)) нужно в этом месте вставить следующий html-код:
< imgsrc="logo.jpg">
В папку D\My_first_site\ или в любую другую, где находится файл index.html поместить изображение с расширением, скажем,.jpg, назвать его как угодно, например, xxx.
Вставка изображения в HTML код страницы:
<html>
<head>
<title>Вставка изображения в HTML код страницы</title>
</head>
<body>
<img src="xxx.jpg" alt="Альтернативный текст" width="100" height="80" />
</body>
</html>
60. Напишите программу. Вставка таблицы в HTML-код страницы.
таблица в HTML создаётся тегами < TABLE> и < /TABLE>, строки таблицы (помещаются между тегами < TABLE> и < /TABLE>) тегами < TR> и < /TR>, а столбцы таблицы (помещаются между тегами < TR> и < /TR>) тегами < TD> и </TD>. Например, создадим таблицу, состоящую из одной строки и двух столбцов. HTML-код будет выглядеть так:
<html> <head> <title> Вставка Таблицы</title>
</head>
<body>
<table border="1" cellspacing="0"
cellpadding="5">
<tr>
<td> Номер </td> <td> Задача<td> Комментарий </td>
</tr>
</table>
</body>
</html>
61.Напишите страницу на HTML выводящую текст "Hello, World!"
Чтобы иметь возможность тестировать свои PHP-скрипты посредством браузера, большинство начинающих программистов в первую очередь осваивают оператор вывода сообщений echo. Этот оператор позволяет выводить сообщеняи в окно браузера. В качестве выводимого сообщения выступает строка - цепочка символов, ограниченная двойными кавычками. Эта цепочка может включать в себя очень много различной информации. Начиная с констант и переменных, заканчивая выводом результатов выполнения функций и специальный символов.
Рассмотрим пример вывода сообщения "Hello, World!" с помощью средств php. Для это сначала создадим пустой текстовой файл hello.txt.
<html>
<head>
<title>Hello</title>
</head>
<body>
" Hello,World!">
</body>
</html>
62. Напишите страницу на HTML с ссылкой на страницу "https://www.wikipedia.org".
Ссылка — важнейшая часть сайта и всемирной паутины, именно благодаря ссылкам мы можем путешествовать по интернету. Ссылки бывают внешними (исходящими), внутренними и обратными (входящими). Внешние ссылки — это ссылки, которые ведут на внешние сайты. Внутренние ссылки ведут на страницы этого же сайта. Обратные ссылки — это ссылки с других сайтов, которые ссылаются на ваш сайт. Самый главный тег, позволяющий создавать ссылки - это тег <a>. Все, что мы разместим между открывающим тегом <a> и закрывающим тегом </a> называется якорем ссылки (что будет видно на нашей странице). Самый основной атрибут ссылки - это атрибут href. Именно он отвечает за то куда ссылка должна ссылаться. В значении этого атрибута мы должны указать ту страницу, на которую наша ссылка должна нас перебросить (прописать полный путь на эту страницу).
<HTML>
<HEAD>
<TITLE>Ссылка на Википедию<./TITLE>
</HEAD><body> <a href="https://www.wikipedia.org"> Ссылка на сайт википедии </a> <br> </body> </html>
Создайте таблицу на HTML состоящую из 2 рядов и 3 колонок.
Рассмотрим сначала минимальный набор тегов и их параметров, необходимый и достаточный для создания несложных таблиц. Описание таблиц должно располагаться внутри раздела документа <BODY>. Документ может содержать произвольное число таблиц, причем допускается вложенность таблиц друг в друга. Каждая таблица должна начинаться тэгом <TABLE> и завершаться тэгом </TABLE>. Внутри этой пары тегов располагается описание содержимого таблицы. Любая таблица состоит из одной или нескольких строк, в каждой из которых задаются данные для отдельных ячеек.
<HTML> <HEAD> <TITLE>Пример простейшей таблицы</TITLE> </HEAD> <BODY> <TABLE BORDER> <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> </TABLE> </BODY> </HTML>
Напишите страницу на HTML с красным текстом (#ee0000) и зелёным задним фоном (#aaffaa).
Цвет текста и цвет заднего фона задаются с помощью CSS атрибутов color и background-color. Это может быть как название цвета, например – Black; Green; WhiteSmoke; Так и html-код цвета
<html>
<HEAD>
<TITLE>Цвета </TITLE> </HEAD>
<body>
<h1>
Цифровой мир
<hr> </h1>
<p>Интернет является <font
color="#ee0000" face="Verdana"
size="6">самым большим</font>
сегментом телекоммуникаций.</p>
<p style="backgroundcolor:#aaffaa">Каждый день мы пользуемся Интернетом,мобильной связью, смотрим телевизор. Телекоммуникации
делают нашу жизнь качественнее.</p>
</body>
</HTML>
62. Напишите страницу HTML используя CSS, например создайте стиль "font-size:large" и примените его к какому-нибудь тексту на странице.
CSS — Cascading Style Sheets (каскадные таблицы стилей) — это средство, позволяющие задавать различные свойства HTML-тегам. Стиль задается атрибутом style.
< P style="font-size:1.5cm; color:green">Например
<HTML> <HEAD><TITLE>Стиль для отдельного тега</TITLE> </HEAD><BODY><H2>Стиль для отдельного тега</H2><HR><UL><LI>Это обычный текст.<LI style="color:red;font-size:1cm;font-style:italic">Красные наклонные буквы высотой в 1 сантиметр.<LI style="margin-left:2cm">Отступ слева в 2 сантиметра.</UL></BODY></HTML>