

HTML
Presentation
•
Computers, Instructional Technology
•
University
•
Hard
Sam Winchester
FREE Resource
4 Slides • 0 Questions
1
HTML
by Sam Winchester
2
HTML
Теперь мы знаем, что такое разметка, давай узнаем, что такое HTML. Есть вещи, которые проще показать, чем объяснить. HTML - одна из них.
Всё гениальное просто. Вот как бы выглядел текст этого урока на HTML:
<h1>HTML</h1> <p>Теперь мы знаем, что такое <i>разметка</i>, давай узнаем, что такое HTML. Есть вещи, которые проще показать, чем объяснять. HTML - одна из них.</p> <p>Всё гениальное просто. Вот как бы выглядел текст этого урока на HTML:</p>
h1 - заголовок первого уровня (header 1)
p - абзац (paragraph)
3
Теги
Тег — это синтаксическая единица языка HTML, которая выделяет или создаёт элемент. Это набор символов, с помощью которого браузер понимает, где элемент создается, начинается и заканчивается. Есть 2 вида тегов: двойные и одинарные.
Двойные теги
Двойные теги показывает начало и конец элемента. Начало элемента обозначается открывающим тегом <…> , а конец - закрывающим </…>.
Двойной тег обязательно должен быть закрыт. Даже несмотря на то, что современные браузеры умеют в некоторых случаях понимать разметку без закрытых тегов, лучше всегда закрывать их.
Одинарные теги
Одинарные теги просто не имеют пары. Примеры: тег переноса строки <br> или горизонтальной линии <hr>.
Старые браузеры требовали закрывать одинарные теги: <br />, сейчас таких браузеров практически не осталось и допустимо использовать оба варианта синтаксиса.
4
Атрибуты
Атрибуты — это свойства тега. С помощью них мы задаём параметры тега. Сразу возьмём пример: тег <a> — ссылка. Для задания адреса, куда будет вести эта ссылка, нам понадобится атрибут href. Вот так будет выглядеть ссылка на страницу ITC Вконтакте:
<a href="https://vk.com/itc.digital">ITC Вконтакте</a>
Атрибут указывается внутри тега, значение атрибута указывается внутри кавычек. Атрибуты отделяются друг от друга пробелами. Пример ссылки на страницу ITC, которая откроется в новой вкладке:
<a href="https://vk.com/itc.digital" target="_blank">ITC Вконтакте</a>
HTML
by Sam Winchester
Show answer
Auto Play
Slide 1 / 4
SLIDE
Similar Resources on Wayground
6 questions
Tarea TICS
Presentation
•
University
6 questions
The Simple Present Tense
Presentation
•
University
8 questions
Testing01 Introduction to Machine Learning and Its Application
Presentation
•
University
5 questions
Comprobación S3: ELASTICIDADES
Presentation
•
University
4 questions
Ice Breaker - Welding Programme
Presentation
•
University - Professi...
5 questions
BINGO
Presentation
•
University
5 questions
Sains Bab 12 (Tenaga Nuklear)
Presentation
•
University
3 questions
Informatika
Presentation
•
10th Grade
Popular Resources on Wayground
20 questions
Math Review
Quiz
•
3rd Grade
15 questions
Fast food
Quiz
•
7th Grade
20 questions
Context Clues
Quiz
•
6th Grade
20 questions
Inferences
Quiz
•
4th Grade
19 questions
Classifying Quadrilaterals
Quiz
•
3rd Grade
20 questions
Figurative Language Review
Quiz
•
6th Grade
20 questions
Equivalent Fractions
Quiz
•
3rd Grade
10 questions
Identify Fractions, Mixed Numbers & Improper Fractions
Quiz
•
3rd - 4th Grade
Discover more resources for Computers
20 questions
Guess The App
Quiz
•
KG - Professional Dev...
11 questions
NFL Football logos
Quiz
•
KG - Professional Dev...
19 questions
Minecraft
Quiz
•
6th Grade - Professio...
40 questions
8th Grade Math Review
Quiz
•
8th Grade - University
20 questions
Block Buster Movies
Quiz
•
10th Grade - Professi...
10 questions
Would you rather...
Quiz
•
KG - University
40 questions
Flags of the World
Quiz
•
KG - Professional Dev...
14 questions
Superhero
Quiz
•
1st Grade - University