1 HTML Basics
Which tag rules a line through text
<del></del>
What are emphasis tags and what do they do
<em></em> They define emphasised text indicating it is important
What are the 6 levels of heading and what does each level represent
<h1> to <h6> Each heading is ranked as more important than the other - there should only be one H1 tag
How do you create a horizontal dividing line in a webpage
<hr />
What attributes can be use to change the width of things using the example of a horizontal line
<hr width="50px" /> <hr width="50%" /> This can be done in either pixels or percentage
Example Div element
<html> <body> <h1>Headline</h1> <div style="background-color:green; color:white; padding:20px;"> <p>Some paragraph text goes here.</p> <p>Another paragraph goes here.</p> </div> </body> </html>
Example span element
<html> <body> <h2>Some <span style="color:red">Important</span> Message</h2> </body> </html>
Example of where horizontal dividing line could be placed
<html> <head> <title>first page</title> </head> <body> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6> <p>This is a paragraph </p> <hr /> <p>This is a paragraph </p> </body> </html>
Example of an ordered list element
<html> <head> <title>first page</title> </head> <body> <ol> <li>Red</li> <li>Blue</li> <li>Green</li> </ol> </body> </html>
Example of where a comment could be placed
<html> <head> <title>first page</title> </head> <body> <p>This is a paragraph </p> <hr /> <p>This is a paragraph </p> <!-- This is a comment --> </body> </html>
Where do paragraph tags go
<html> <head> <title>first page</title> </head> <body> <p>This is a paragraph. </p> <p>This is another paragraph. </p> </body> </html>
Which tag italicises text
<i></i>
What is an image tag
<img />
Function and structure of Div elements
Div elements contain attributes within the opening tags that contain style sheets which format a block of code Div /Div
What is applet
Embedded Java script
Object
Embedded object
Map
Image map
Function and structure of span elements
Inline element combined with CSS to edit certain parts of the text <span>
What is inframe
Inline frame
Ins
Inserted text
How can you define if a form has sensitive info or not
Method attribute within form tags Method="GET" - indicates non sensitive Method="Post" - indicates sensitive
What is contained in an image tag
Only attributes
What are attributes
Provide additional information about an element or tag while also modifying them Attributes normally have a value that is defined by an = sign
How to get a cell to span more than one row
Rowspan="X"
Script
Script within Html
Which attribute can alter text position
The align attribute <p align="center"> This text is aligned to center </p> It could also align "left" or "right"
What is the function of the anchor text
This text will contain the hyperlink and will be between the two anchor tags
How can you change the type of input
Use the name type attribute followed by the type of info
How to get a boarder around your table
Use the same boarder attribute
How are colours coded in html
Using a hexadecimal system 0123456789ABCDEF 0-F The colour is displayed using a #XXXXXX and 6 figures #000000 is black #FFFFFF is white
How are the hex colours incorporated
Using bgcolour or colour attributes
What attribute is used to replace images if they do not load
alt="" This is the alt text used to describe what the image is
How to make a list unordered
Change from ol to ul
How to get a cell to span more than one column
Colspan="X"
How to change row colour
CSS is better, but within html you can use bgcolour="X" to change the colour of a row or cell
Which tag makes text big
<big></big>
Which tag inserts a line break without a new paragraph
<br/>
What are comments and what are their function
<!-- This is a comment --> These are for your personal use for notes, they are not showed by the browser
What is the form tag and it's function
<Form> Used to create forms to be submitted on yoir website
What attribute is used to show the link destination
<a href=""></a>
What tag is used for links
<a> </a>
Which tag bolds text
<b></b>
How is this structured
<input type="radio" name="gender" value="male" />Male <br /> <input type="radio" name="gender" value="female" />Female <br /> This gives a multiple choice titled gender allowing for the person to choose male or female If you want more than one option you use check box rather than radio
How to get a submit button at the end of your form
<input type="submit" value="Submit" />
Which tag underlines text
<ins></ins>
What are paragraph tags and what are their function
<p></p> They open and close new paragraphs
Which tag makes text small
<small></small>
Which tag makes text strong
<strong></strong>
Which tag subscripts text
<sub></sub>
Which tag superscripts text
<sup></sup>
Example table with 1 row, 3 columns
<table> <tr> <td>Red</td> <td>Blue</td> <td>Green</td> </tr> </table>
What will the radio value of a type attribute give you
A multiple choice list
How can you get a form to open a new page when filled
Action="www.google.com" which will open once the form has been filled
What is a html element
Any start tag and end tag with content in between such as <p> hello </p> although some elements do not have end tags such as <br /> it is still considered an element Meaning you can have elements within elements
Other elememts that can be block or inline
Applet Inframe Ins Map Object Script
Where does all of this text formatting go
Between paragraph tags <html> <head> <title>first page</title> </head> <body> <p>This is regular text </p> <p><b>bold text </b></p> <p><big> big text </big></p> <p><i> italic text </i></p> <p><small> small text </small></p> <p><strong> strong text </strong></p> <p><sub> subscripted text </sub></p> <p><sup> superscripted text </sup></p> <p><ins> inserted text </ins></p> <p><del> deleted text </del></p> </body> </html>
What are block line vs inline elements
Block line are elements that must be separated line by line and contain Inline elements do not Incline elements can be contained within blocks but blocks can be contained within inline
How do you border images
Border="Xpx"
How are tables made
Tables are defined with the <Table> tag To make a row use the <tr> tag To make a column use the <td> tag the td element is known as table data and is also what the cells within that row will contain Td tags are contained within tr tags and both are contained within table tags
How to get links to open in a new window
Target attributes target="_blank"
What are ordered list tags and how do ordered lists appear by default
The <ol> and <li> tags They appear as numbered list in order
What tag is used for people to input into forms
The input tag
What does the name attribute indicate
The name of form fields in the input tag
How can images be resized
Using width and height attributes width="" height="" this can either be percentage or pixes e.g 50% or 50px.
Where do headings go
Within body tags <html> <head> <title>first page</title> </head> <body> <h1>This is heading 1<b></h1> <h2>This is heading 2<b></h2> <h3>This is heading 3<b></h3> <h4>This is heading 4<b></h4> <h5>This is heading 5<b></h5> <h6>This is heading 6<b></h6> </body> </html>
Where are attributes placed
Within opening tags of the specific elements or tags and are marked with quotation marks
Where does a line break tag go
Within paragraph tags <html> <head> <title>first page</title> </head> <body> <p>This is a paragraph.</p> <p>This is another paragraph. </p> <p>This is <br /> a line break </p> </body> </html>
What is the main attribute
src="image.gif" The src element value is the URL of the image
