To Lecture Notes
IT 231 -- 9/6/12
Are You in the Right Class?
- You are underqualified for IT 231 if
you have no knowledge of HTML, XHTML, or CSS.
you have never programmed before, even in JavaScript.
you have not created HTML pages from scratch.
- You are overqualified for IT 231 if
you have extensive knowledge of a server-side programming
language, such as PHP, ASP, ASP.Net or JSP.
you have taken ECT 310 or 330.
- IT 130 is the official prerequisite of IT 231.
Course Documents
- Announcements, Table of Contents, Professor Information, Syllabus,
Lecture Notes, Documents, Exam Info, Projects, Submit Homework
Course Overview
Review Questions from IT130
- What does the acronym HTML represent?
Ans: Hypertext markup language.
- List all the HTML tags that you know.
Ans:
<html>
<head>
<meta>
<title>
<style>
<script>
<link>
<head>
<body>
<h1>
<h2>
<h3>
<p>
<span>
<br />
<ol>
<ul>
<li>
<table>
<tr>
<td>
<th>
<a>
<img>
<form>
<input>
- What XHTML represent?
Ans: Extensible hypertext markup language. XHTML files are also XML complient,
where XML means extensible markup language.
- How does XHTML differ from HTML?
Ans:
- Every start tag requires an end tag.
- Tags must be properly nested.
- Combination start-end tags are allowed, for example <br />
- Tag and attribute names are written in lower case
- Text cannot be placed directly in the body section of the page.
It must be placed within
<p>,
<ol>,
<ul>, or
<table> tags.
- Attribute values are delimited with double quotes.
- Depreciated HTML tags like
<b> and
<i>
are not allowed.
- CSS properties must always have a value, for example
<input type="checkbox" checked="checked" />,
not
<input type="checkbox" checked />.
- A title is always required in the head section.
- Use HTML named colors or hex color codes.
- Use a validation header similar to the following at the top of the document:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Use this header for HTML5 documents:
<!DOCTYPE html>
- What does CSS mean?
Ans: Cascading style sheets.
- List the CSS properties that you know.
Ans:
font-family
font-size
font-weight
font-style
color
background-color
text-indent
text-decoration
text-align
vertical-align
border
margin
padding
- Explain the difference between these types of CSS styles:
inline document-level external
Ans:
- An inline style is placed directly in an HTML tag, for example
<p style="text-indent:1cm">
- A document-level style is placed in style tags in the head section of
the document. This style applies to the entire page.
- An external style is placed in a separate .css file. A page can use
this style by referencing it with a link tag.
- List the HTML special symbols that you know.
Examples
- Look at Examples 1, 2, and 3.
Project Proj1