HTML Flashcards
What is HTML?
Hyper Text Markup Language (Not a programming language) is the standard markup language for creating web pages. HTML describes the structure of a web page.
What is the HTML5 doctype declaration?
All HTML documents must start with a <!DOCTYPE> declaration. The declaration is not an HTML tag. It is an “information” to the browser about what document type to expect.
List some tags. What is <head> used for? <body>?
<head> Contains metadata/information for the document
<body> Defines the document's body
</body></head>
What are the required tags for an HTML document?
Some of the essential tags for an HTML document are doctype, <html>, <head>, <title> and <body>.</title>
What is the tag for ordered list? unordered list? Change bullet styling?
There are 3 different types of lists to choose from in HMTL:
- Ordered Lists <ol>
+Lists where each item <li> is numbered
+ 1, 2, 3
+ A, B, C
+ I, II, III
- Unordered Lists <ul>
+ lists where each item <li> has some bullet point
- Definition Lists <dl>
+ lists made up of terms <dt> and their definitions <dd>
The list-style-type property specifies the type of list item marker.
What features came with HTML5?
Video and Audio. Video and audio are the new tags which allow to embed a video in the website.
nav.
The nav element is used for the part of a internet site that links to different pages at the website.
Do all tags come in a pair? List a self-closing tag.
No all tags do not come in a pair.
Self Closing Tags:
<br></br>
<col></col>
<embed></embed>
<img></img>
<input></input>
<link></link>
<source></source>
What’s the difference between an element and an attribute? List some global attributes.
An HTML element is any object that sits on your page. An attribute provides further detail about a particular HTML element.
title - Specifies extra information about an element
style - Specifies an inline CSS style for an element
lang - Specifies the language of the element’s content
What is the syntax for a comment in HTML?
<!-- -->
What tags would you use to create a table?
A navbar?
What about a form?
Table - <table>; <th> for table head, <tr> for table row, <td> for table cell
Navbar - <topnav>; <a> for buttons within navbar</a></topnav>
Form - <form>; <label> for text above text box, <input></input> for input type, placeholders</label>
What’s the difference between a class and id?
Class can be used to identify and make changes to multiple elements, id only identifies one element
How would you include CSS into an HTML document?
You can include CSS into and HTML document by using an external CSS document and using the link tag to point to the .css document. For example:
<link></link>
What is a semantic tag?
Semantic HTML, or “semantically-correct HTML”, is HTML where the tags used to structure content are selected and applied appropriately to the meaning of the content. for example, <b></b> (for bold), and <i></i> (for italic) should never be used, because they’re to do with formatting, not with the meaning or structure of the content. Instead, use the replacements <strong></strong> and <em></em> (meaning emphasis), which by default will turn text bold and italic (but don’t have to do so in all browsers), while adding meaning to the structure of the content. You would use a semantic tag for Search Engine Optimization, accessibility, repurposing, light code.
What’s the difference between a block and an inline element?
A block level element will start on their own line. An inline element will have the elements side by side.
Block level element:
1
2
3
Inline level element:
123
What are formatting tags/elements?
Formatting elements were designed to display special types of text:
<b> - Bold text.
<strong> - Important text.
<i> - Italic text.
<em> - Emphasized text.
<mark> - Marked text.
<small> - Smaller text.
<del> - Deleted text.
<ins> - Inserted text.</ins></del></small></mark></em></i></strong></b>
