html5 basics
TRANSCRIPT
HTML5 Basics Always start with <!DOCTYPE html> <html> must start the text Always end the function with </”function”> <head> defines the top of the document <title> defines the title of document <body> must start the body containing elements
o <h1 - 6> signifies a heading, with 1 being the largest and 6 being the smallest
o <p> signifies a paragrapho Use <br> to signify a break in a paragrapho <img scr=”image name” width=”number” height=“number”>
signifies an image in fileo <a href=”url”>link text signifies a hyperlinko <hr> signifies a line that separates text or bodyo To write a comment in the code, simply write <!-- “this is a
comment” --> Attributes can be used to specify certain information about an element
o ‘id’ specifies a unique id for an elemento ‘class’ specifies one or more classnames for an element (refers to a
class in a style sheet)o ‘style’ specifies an inline CSS style for an elemento ‘title’ specifies extra information about an element (displayed as a
tool tip)
HTML Text Formatting TagsTag Description
<b> Defines bold text
<em> Defines emphasized text
<i> Defines a part of text in an alternate voice or mood
<small> Defines smaller text
<strong> Defines important text
<sub> Defines subscripted text
<sup> Defines superscripted text
<ins> Defines inserted text
<del> Defines deleted text
HTML "Computer Output" TagsTag Description
<code> Defines computer code text
<kbd> Defines keyboard text
<samp> Defines sample computer code
<var> Defines a variable
<pre> Defines preformatted text
HTML Citations, Quotations, and Definition Tags
Tag Description
<abbr> Defines an abbreviation or acronym
<address> Defines contact information for the author/owner of a document
<bdo> Defines the text direction
<blockquote> Defines a section that is quoted from another source
<q> Defines an inline (short) quotation
<cite> Defines the title of a work
<dfn> Defines a definition term
<a href="url" target="_blank">link text</a> signifies that when the link is clicked, a new tab will be opened
The id attribute can be used to create a bookmark inside an HTML document.
An anchor with an id inside an HTML document: <a id="tips">Useful Tips Section</a> Create a link to the "Useful Tips Section" inside the same document: <a href="#tips">Visit the Useful Tips Section</a> Or, create a link to the "Useful Tips Section" from another page: <a href="url#tips">Visit the Useful Tips Section</a> {} must be used when specifying colour of backgrounds, text and image
borders etc… The <link> tag defines the relationship between a document and an
external resource. The <link> tag is most used to link to style sheets: <head>
<link rel="stylesheet" type="text/css" href="mystyle.css"> </head> <meta> is the key tag for information about certain data in the documents Define keywords for search engines: <meta name="keywords" content="HTML, CSS, XML, XHTML,
JavaScript"> Define a description of your web page: <meta name="description" content="Free Web tutorials on HTML
and CSS"> Define the author of a page: <meta name="author" content="Hege Refsnes"> Refresh document every 30 seconds: <meta http-equiv="refresh" content="30"> Use <div style=”various style add-ons></div> to add some colours
and effects such as boxes, text colour,