Практическая работа HTML «Составление таблицы»

  • docx
  • 26.06.2025
Публикация на сайте для учителей

Публикация педагогических разработок

Бесплатное участие. Свидетельство автора сразу.
Мгновенные 10 документов в портфолио.

Иконка файла материала Практическая работа «Составление таблицы».docx

Практическая работа «Составление таблицы» 

Тип урока – Совершенствования знаний, умений и навыков

Вид урока – учебный практикум

Ресурсы: компьютеры,  Visual Studio Code.

Требование:

·         Каждый ученик должен сделать 1 страницу с расписанием уроков на неделю

·         Создать свою папку на рабочем столе

·         Название страницы должно соответствовать его номеру по заданию

Напоминание:

·         Текст страницы записывается после тега <body>

·         Выравнивание осуществляется с помощью тега

<p align=”……”> Текст, который выравнивается</p>

rightleftcenter

 

 

·         Переход на новую строку <br>

·         Цвет текста

<font color="      ">Текст</font>

 

 


Цвет на англ. яз.Цвет RGB

 

 

·         Цвет фона

<body bgcolor="    ">

 

 


Цвет RGBЦвет на англ. яз.

 

 

 

 

 

·         Заголовки

 

<h1> Первый заголовок </h1>

<h2> Второй заголовок </h2>

<h3> Третий заголовок </h3>

 

·         Стиль текста

·         Вставка изображения

<img src="foto.jpg">           foto.jpg-название файла с изображением

·         Вставка изображения с размерами

<img src="foto.jpg" width="180" height="240"> 
 height - Высота изображения.

width -Ширина изображения

·         Выравнивание изображения

·        

·          

 

·         Пример таблицы

<html>

<head>

<title>Иван</title>

</head>

<body>

<table border="10" width="300" height="300"> 

<tr>

    <td> 1 </td></p>

    <td> 2 </td>

    <td> 3 </td>

</tr>

<tr>

    <td>4 </td>

 

    <td>5 </td>

    <td>6 </td>

</tr>

<tr>

    <td>7 </td>

    <td>8 </td>

    <td>9 </td>

</tr>

</table>

</body>

</HTML>

 

 

 

 

 

 

 

 

 



 

Практическое задание

1.Составить таблицу «Расписание уроков» по образцу:

2.Форматирование:

·         Цвет страницы: отличный от белого

·         Название столбцов-полужирное выделение

3. Выравнивание:

·         Заголовок- центр

·         Название столбцов и предметы-центр

 

Пример

 


 

Скачано с www.znanio.ru