HTML
Browsers automatically add some empty space...
(a margin) before and after each heading
What is a website made up of?
Multiple web pages or HTML documents
The <body> and </body> tags
Text between these tags is the visible page content
Examples of browsers include:
Internet Explorer, Google Chrome, Mozilla Firefox
The <html> and </html> tags
Text between these tags describes the entire web page
The <p> and </p> tags
Text between these tags displays a paragraph
What does markup language describe?
The contents of a page
Examples of empty HTML elements
The line break (<br/>) and horizontal line (<hr/>)
Bold
The tags <b> and </b> are used to bold text.
Italics
The tags <i> and </i> are used to italicize text.
Underline
The tags <u> and </u> are used to underline text.
What is the element content?
The text between the tags
What is the element content in <p>This is my first paragraph</p>?
This is my first paragraph
*True or False*: HTML tags are not case-sensitive
True
How do you save a file as an HTML document?
Type in the name of the file, followed by '.htm' or '.html'
The <br/> tag
Used for a line break (without starting a new paragraph)
What does a browser do?
Uses HTML tags to interpret the contents of the page
Internal hyperlink
allows the user to move from one section of the current page to another section of the same page or to another page on the same website.
External hyperlink
allows the user to open up a new browser window from another website
Hyperlinks can point to....
an HTML page, an image, a sound file, a video
Browsers automatically add an empty line...
before and after each paragraph
An HTML Document (aka a web page)
contains HTML tags and plain text
Hyperlinks can be ______ or ________
internal, external
HTML tags are...
keywords (tag names) surrounded by angled brackets
What makes up the pair that the majority of tags come in?
opening/start tag (<html>) and closing tag (</html>)
Image tag with align attribute
<img scr="file name.file extension" align= left (right/top/bottom/middle)/>
Image tag with border attribute
<img scr="file name.file extension" border=number/>
Image tag with size attributes
<img scr="file name.file extension" height=number width=number/>
Image tag
<img>
What is the element in <p>This is my first paragraph</p>?
<p> This is my first paragraph </p>
Subscript
<sub> and </sub>
Superscript
<sup> and </sup>
What is an empty HTML element?
A HTML element with no content
What does markup language use?
A set of markup tags
What is a web browser?
A software application used to read HTML documents and display them as web pages
Some formatting features:
Bold, underline, italics etc
What 2 main things can we do with an image?
Change alignment (top, left, right, bottom, middle) and resize
The <hr/> tag
Creates a horizontal line and used to separate content
The <h> and </h> tags
Defines six levels of headings of different sizes (<h1>:<h6>)
What are HTML elements?
Everything between the start and end tags (including the tags)
*True or False*: HTML is a programming language
False
What does HTML stand for?
Hyper Text Markup Language
Complete image tag
<img scr="file name.file extension"/>
Hyperlink (<a>) tag
<a href = "url">Link text</a>
Some tags that don't have an end tag are...
<br> and <hr>
Centre Alignment
<centre> and </centre>
