lOMoARcPSD|14409931
Web Development
C779 Notes
Unit 1
CSS: Cascading Style Sheets
HTML: HyperText Markup Language
HTML5: Hypertext Markup Languagwe version 5 (used to create webpages)
Hypertext: hyperlinks that an HTML page may contain
Markup language: the way tags are used to define the page layout and elements within the page
Cascading Style Sheets: a coding element used to define the format, design and style of various forms of
web page content
TCP/IP (Transmission Control Protocol/Internet Protocol): allows computers to communicate over long
distance networks. (TCP verifies delivery of the packets. IP moves data packets between nodes)
HTTP (hypertext transfer protocol): protocol used to transfer data over the web. Defines commands and
services used for transmitting webpage data. Allows access to hypertext docs through the use of unique
URLs
Uniform resource locator (URL): the address of a specific webpage or file on the internet. Includes the
URL prefix (http://), The server name or IP address of the server (www.website.com) and the path to the
directory file (www.website.com/filefolder/file)
Annotation: a notation that is used to indicate how tet should be displayed.
Code elements: a fragment of computer code, which can be any piece of computer readable text that
are assembled in a specific way to provide the formatting for how text and other web page features will
appear.
Syntax: a general set of rules for how words and sentences should be structured.
Downloaded by Abdofa Kech ()
, lOMoARcPSD|14409931
Web Development
C779 Notes
XML Tag Formatting
XML tags can be one of two formats
1) Element tags: <tag_name, attributes>text</tage_name>
a. Example: <city>”LA”</city>
2) Self-closing tags: <tag_name, attributes />
a. Example: <hierarchy title=”United States” />
Both formats include
1) tag_name: a unique identifier for a tag kind
2) Attributs: an optional list of pairs
Module 2: HTML
HTML Basics
<!DOCTYPE html>: The document type declaration is MANDATORY and informs the browser which
version of HTML is being used. The value html indicates HTML version 5. A declaration is a statement
that informs the browser of the information needed to correctly handle the elements within. (How to
decode the tags that will follow)
<html> : the element that encompasses the whole document
<head>: the page header information
<title>: that informs the page title to be used by the browser to be displayed over the window or tab
displaying the web page
<body>” the page body that encompasses the text to be displayed by the browser
<h1>…<h6>: the headings of the web page main text that follow specific text formatting and also provide
text structure
<p>: the paragraphs of the web page text that hold the regular text
<br>: the single tag to create a line break (remember that HTML does not take blank spaces or line
breaks into account for display)
<hr>: a tag to display a change in context usually displayed as a horizontal line
<strong>: a tag to modify the weight of text relative to surrounding text , which usually is equivalent to a
bold font face
<i>: Visual italics
<em>: emphasis for verbal italics
<strong>: importance, seriousness, urgency
<b>: bold
<code>: allows developer to differentiate between normal text and an example of programming code
Downloaded by Abdofa Kech ()
Web Development
C779 Notes
Unit 1
CSS: Cascading Style Sheets
HTML: HyperText Markup Language
HTML5: Hypertext Markup Languagwe version 5 (used to create webpages)
Hypertext: hyperlinks that an HTML page may contain
Markup language: the way tags are used to define the page layout and elements within the page
Cascading Style Sheets: a coding element used to define the format, design and style of various forms of
web page content
TCP/IP (Transmission Control Protocol/Internet Protocol): allows computers to communicate over long
distance networks. (TCP verifies delivery of the packets. IP moves data packets between nodes)
HTTP (hypertext transfer protocol): protocol used to transfer data over the web. Defines commands and
services used for transmitting webpage data. Allows access to hypertext docs through the use of unique
URLs
Uniform resource locator (URL): the address of a specific webpage or file on the internet. Includes the
URL prefix (http://), The server name or IP address of the server (www.website.com) and the path to the
directory file (www.website.com/filefolder/file)
Annotation: a notation that is used to indicate how tet should be displayed.
Code elements: a fragment of computer code, which can be any piece of computer readable text that
are assembled in a specific way to provide the formatting for how text and other web page features will
appear.
Syntax: a general set of rules for how words and sentences should be structured.
Downloaded by Abdofa Kech ()
, lOMoARcPSD|14409931
Web Development
C779 Notes
XML Tag Formatting
XML tags can be one of two formats
1) Element tags: <tag_name, attributes>text</tage_name>
a. Example: <city>”LA”</city>
2) Self-closing tags: <tag_name, attributes />
a. Example: <hierarchy title=”United States” />
Both formats include
1) tag_name: a unique identifier for a tag kind
2) Attributs: an optional list of pairs
Module 2: HTML
HTML Basics
<!DOCTYPE html>: The document type declaration is MANDATORY and informs the browser which
version of HTML is being used. The value html indicates HTML version 5. A declaration is a statement
that informs the browser of the information needed to correctly handle the elements within. (How to
decode the tags that will follow)
<html> : the element that encompasses the whole document
<head>: the page header information
<title>: that informs the page title to be used by the browser to be displayed over the window or tab
displaying the web page
<body>” the page body that encompasses the text to be displayed by the browser
<h1>…<h6>: the headings of the web page main text that follow specific text formatting and also provide
text structure
<p>: the paragraphs of the web page text that hold the regular text
<br>: the single tag to create a line break (remember that HTML does not take blank spaces or line
breaks into account for display)
<hr>: a tag to display a change in context usually displayed as a horizontal line
<strong>: a tag to modify the weight of text relative to surrounding text , which usually is equivalent to a
bold font face
<i>: Visual italics
<em>: emphasis for verbal italics
<strong>: importance, seriousness, urgency
<b>: bold
<code>: allows developer to differentiate between normal text and an example of programming code
Downloaded by Abdofa Kech ()
