Презентація на тему :"Шпаргалка HTML"

Про матеріал
HTML (HyperText Markup Language) є мовою розмітки, яка використовується для створення структури і вигляду веб-сторінок. HTML використовується для визначення різних елементів на веб-сторінці, таких як заголовки, абзаци, зображення, посилання і багато інших.
Перегляд файлу
Кияниця А. С. Кияниця А. С.
Створення html-файлу. Як створити основу html-файлу?Потрібно написати код:<!DOCTYPE HTML><html><head><title></title></head><body></body></html>Кияниця А. С.
Що означають теги основи html-файлу?<!DOCTYPE HTML> <!--тип файлу(документу) html --><html> <!--початок html-коду --><head> <!--початок голови --><title></title> <!--назва сайту --></head> <!--кінець голови --><body> <!--початок тіла --></body> <!--кінець тіла --></html> <!--кінець html-коду -->Кияниця А. С.
Як написати назву сайту (сторінки)?Назва сайту пишеться між тегами <title></title>:<title>Назва сайту</title>Кияниця А. С.
Як вказати колір фону сторінки?<body bgcolor=Колір фону можна вказувати трьома способами?1) написати назву2) написати HEX-номер кольору з хештегом3) написати RGB-кодКияниця А. С." title="Як вказати колір фону сторінки?Колір фону можна вказувати трьома способами?1) написати назву2) написати HEX-номер кольору з хештегом3) написати RGB-кодКияниця А. С.">
Абзац, рядок. Як зробити абзац?<p>Текст абзацу</p>Як зробити текст абзацу - по центру?<p align=Текст абзацу

Як зробити текст абзацу - вліво?

Текст абзацу

Як зробити текст абзацу - вправо?

Текст абзацу

Як зробити текст абзацу - по ширині сторінки?

Текст абзацу

Як зробити новий рядок?
Кияниця А. С." title="Абзац, рядок. Як зробити абзац?

Текст абзацу

Як зробити текст абзацу - по центру?

Текст абзацу

Як зробити текст абзацу - вліво?

Текст абзацу

Як зробити текст абзацу - вправо?

Текст абзацу

Як зробити текст абзацу - по ширині сторінки?

Текст абзацу

Як зробити новий рядок?
Кияниця А. С.">
Абзац, рядок. Як зробити так, щоб новий рядок чи абзац починався ПІД картинкою (чи іншим елементом сторінки)?<br clear=Кияниця А. С." title="Абзац, рядок. Як зробити так, щоб новий рядок чи абзац починався ПІД картинкою (чи іншим елементом сторінки)?
Кияниця А. С.">
Заголовок. Як вказати заголовок - найважливіший (першого рівня), найбільший?<h1>Найважливіший і найбільший заголовок</h1>Як вказати заголовок - менший за важливістю, ніж найважливіший (другого рівня)?<h2>Менший за важливістю, ніж найважливіший заголовок</h2>Як вказати заголовок - менший за важливістю (від третього до шостого рівня)?<h3>Менший за важливістю 3 заголовок</h3><h4>Менший за важливістю 4 заголовок</h4><h5>Менший за важливістю 5 заголовок</h5><h6>Менший за важливістю 6 заголовок</h6>Кияниця А. С.
Букви, шрифти. Як вказати колір букв (налаштувати шрифт)?<font color=Наприклад:Кияниця А. С." title="Букви, шрифти. Як вказати колір букв (налаштувати шрифт)?Наприклад:Кияниця А. С.">
Як вказати розмір букв?<font size=Розмір букв вказують чотирма способами:1)у пікселях, наприклад "18px"2) числом від 1 до 7, наприклад "4"3) відсотками, наприклад "80%"4) знаками + або - число або відсоток, наприклад "+2" або "-20%"Кияниця А. С." title="Як вказати розмір букв?Розмір букв вказують чотирма способами:1)у пікселях, наприклад "18px"2) числом від 1 до 7, наприклад "4"3) відсотками, наприклад "80%"4) знаками + або - число або відсоток, наприклад "+2" або "-20%"Кияниця А. С.">
Як вказати назву шрифта (вигляд букв)?<font face=Текст, якому хочемо вказати вигляд буквШрифт - це зовнішній вигляд букв. Є багато шрифтів. Назви основних і те, як овни виглядають, можна побачити у програмі "Microsoft Word". Приклади:Кияниця А. С." title="Як вказати назву шрифта (вигляд букв)?Текст, якому хочемо вказати вигляд буквШрифт - це зовнішній вигляд букв. Є багато шрифтів. Назви основних і те, як овни виглядають, можна побачити у програмі "Microsoft Word". Приклади:Кияниця А. С.">
Як вказати назву шрифта (вигляд букв)? Як зробити товсті букви (напівжирні)?<b> напівжирний </b><strong> напівжирний важливий </strong>Як зробити нахилені букви?<i> курсив (нахилений) </i><em> курсив (нахилений) важливого </em>Як зробити підкреслені/закреслені букви?<ins> підкреслює </ins><del> закреслює </del>Як написати менший текст?<small> менший текст </small>Як вказати індекси?<sub> верхній індекс </sub><sup> нижній індекс </sup>Кияниця А. С.
Посилання1) назва файлу 2.html, який знаходиться у тій же папці, що і файл, у якому робиться посилання:<a href=″2.htmlСлова або слова-посиланняЯк зробити посилання за допомогою слова (або кількох слів)?Слова або слова-посилання2) назва файлу 3.html, який знаходиться у папці doc1 на тому ж рівні, що і файл, у якому роблять посилання:Слова або слова-посилання3) назва файлу 4.html, який знаходиться у папці doc2 на один рівень вище, ніж файл, у якому роблять посилання:Слова або слова-посиланняКияниця А. С." title="Посилання1) назва файлу 2.html, який знаходиться у тій же папці, що і файл, у якому робиться посилання:Слова або слова-посиланняЯк зробити посилання за допомогою слова (або кількох слів)?Слова або слова-посилання2) назва файлу 3.html, який знаходиться у папці doc1 на тому ж рівні, що і файл, у якому роблять посилання:Слова або слова-посилання3) назва файлу 4.html, який знаходиться у папці doc2 на один рівень вище, ніж файл, у якому роблять посилання:Слова або слова-посиланняКияниця А. С.">
Посилання1) Наприклад, назва картинки 1.jpg:<a href=″http://google.com.ua2) Наприклад, картинка знаходиться у папці images i назва картинки 1.jpg:3) Наприклад, картинка знаходиться у папці images2, яка знаходиться на рівень вище, i назва картинки 2.jpg:Як зробити посилання за допомогою картинки?Кияниця А. С." title="Посилання1) Наприклад, назва картинки 1.jpg:2) Наприклад, картинка знаходиться у папці images i назва картинки 1.jpg:3) Наприклад, картинка знаходиться у папці images2, яка знаходиться на рівень вище, i назва картинки 2.jpg:Як зробити посилання за допомогою картинки?Кияниця А. С.">
Горизонтальна лінія. Як зробити горизонтальну лінію?<hr>Як вказати ширину горизонтальної лінії?<hr width=Ширина вказується такими способами:1) відсотками, наприклад
2) пікселями, наприклад
Як вказати товщину горизональної лінії?
Наприклад,
Кияниця А. С." title="Горизонтальна лінія. Як зробити горизонтальну лінію?
Як вказати ширину горизонтальної лінії?
Ширина вказується такими способами:1) відсотками, наприклад
2) пікселями, наприклад
Як вказати товщину горизональної лінії?
Наприклад,
Кияниця А. С.">
Вирівнювання. Як вказати атрибут вирівнювання - по центру?align=
Зміст слайдів
Номер слайду 1

Кияниця А. С. Кияниця А. С.

Номер слайду 2

Створення html-файлу. Як створити основу html-файлу?Потрібно написати код:Кияниця А. С.

Номер слайду 3

Що означають теги основи html-файлу? Кияниця А. С.

Номер слайду 4

Як написати назву сайту (сторінки)?Назва сайту пишеться між тегами :Назва сайтуКияниця А. С.

Номер слайду 5

Як вказати колір фону сторінки?Колір фону можна вказувати трьома способами?1) написати назву2) написати HEX-номер кольору з хештегом3) написати RGB-кодКияниця А. С.

Номер слайду 6

Абзац, рядок. Як зробити абзац?

Текст абзацу

Як зробити текст абзацу - по центру?

Текст абзацу

Як зробити текст абзацу - вліво?

Текст абзацу

Як зробити текст абзацу - вправо?

Текст абзацу

Як зробити текст абзацу - по ширині сторінки?

Текст абзацу

Як зробити новий рядок?
Кияниця А. С.

Номер слайду 7

Абзац, рядок. Як зробити так, щоб новий рядок чи абзац починався ПІД картинкою (чи іншим елементом сторінки)?
Кияниця А. С.

Номер слайду 8

Заголовок. Як вказати заголовок - найважливіший (першого рівня), найбільший?

Найважливіший і найбільший заголовок

Як вказати заголовок - менший за важливістю, ніж найважливіший (другого рівня)?

Менший за важливістю, ніж найважливіший заголовок

Як вказати заголовок - менший за важливістю (від третього до шостого рівня)?

Менший за важливістю 3 заголовок

Менший за важливістю 4 заголовок

Менший за важливістю 5 заголовок
Менший за важливістю 6 заголовок
Кияниця А. С.

Номер слайду 9

Букви, шрифти. Як вказати колір букв (налаштувати шрифт)?Наприклад:Кияниця А. С.

Номер слайду 10

Як вказати розмір букв?Розмір букв вказують чотирма способами:1)у пікселях, наприклад "18px"2) числом від 1 до 7, наприклад "4"3) відсотками, наприклад "80%"4) знаками + або - число або відсоток, наприклад "+2" або "-20%"Кияниця А. С.

Номер слайду 11

Як вказати назву шрифта (вигляд букв)?Текст, якому хочемо вказати вигляд буквШрифт - це зовнішній вигляд букв. Є багато шрифтів. Назви основних і те, як овни виглядають, можна побачити у програмі "Microsoft Word". Приклади:Кияниця А. С.

Номер слайду 12

Як вказати назву шрифта (вигляд букв)? Як зробити товсті букви (напівжирні)? напівжирний напівжирний важливий Як зробити нахилені букви? курсив (нахилений) курсив (нахилений) важливого Як зробити підкреслені/закреслені букви? підкреслює закреслює Як написати менший текст? менший текст Як вказати індекси? верхній індекс нижній індекс Кияниця А. С.

Номер слайду 13

Посилання1) назва файлу 2.html, який знаходиться у тій же папці, що і файл, у якому робиться посилання:Слова або слова-посиланняЯк зробити посилання за допомогою слова (або кількох слів)?Слова або слова-посилання2) назва файлу 3.html, який знаходиться у папці doc1 на тому ж рівні, що і файл, у якому роблять посилання:Слова або слова-посилання3) назва файлу 4.html, який знаходиться у папці doc2 на один рівень вище, ніж файл, у якому роблять посилання:Слова або слова-посиланняКияниця А. С.

Номер слайду 14

Посилання1) Наприклад, назва картинки 1.jpg:2) Наприклад, картинка знаходиться у папці images i назва картинки 1.jpg:3) Наприклад, картинка знаходиться у папці images2, яка знаходиться на рівень вище, i назва картинки 2.jpg:Як зробити посилання за допомогою картинки?Кияниця А. С.

Номер слайду 15

Горизонтальна лінія. Як зробити горизонтальну лінію?


Як вказати ширину горизонтальної лінії?
Ширина вказується такими способами:1) відсотками, наприклад
2) пікселями, наприклад
Як вказати товщину горизональної лінії?
Наприклад,
Кияниця А. С.

Номер слайду 16

Вирівнювання. Як вказати атрибут вирівнювання - по центру?align="center"Як вказати атрибут вирівнювання - вліво?align="left"Як вказати атрибут вирівнювання - вправо?align="right"Кияниця А. С.

pptx
Пов’язані теми
Інформатика, Презентації
Додано
7 листопада 2023
Переглядів
1433
Оцінка розробки
Відгуки відсутні
Безкоштовний сертифікат
про публікацію авторської розробки
Щоб отримати, додайте розробку

Додати розробку