WEB PAGE (or webpage) is a web document that is suitable for the World Wide Web and the web browser.
usually written in HTML or comparable markup language. Web
browsers coordinate the various web resource elements for the written web page, such as style sheets, scripts, and images, to present the web page.
Sunday, November 24, 2019 2
WEBSITE
or Web site (wĕb′sīt′)n.A set of interconnected webpages, usually
including a homepage, generally located on thesame server, and pr epared and maintained as a collection of information by a person, g roup,or organization.
(ˈwɛbˌsaɪt)n(Computer Science) a group of connected pages on th
e World Wide Web containinginformation on a particular subject
Sunday, November 24, 2019 3
PERSONAL HOME PAGE PHP is a script language and interpreter that is freely available and used primarily on Linux Web servers. PHP, originally derived from Personal Home Page Tools, now stands for PHP: Hypertext Preprocessor, which the PHP FAQ describes as a "recursive acronym."
STRUCTURED QUERY LANGUAGE
Structured Query Language (SQL) is a standard computer language for relational database management and data manipulation. SQL is used to query, insert, update and modify data.
Sunday, November 24, 2019 4
HTML stands for Hypertext Markup Language, and it is the most widely used language to write Web Pages. As its name suggests, HTML is a markup language. Hypertext refers to the way in which Web pages (HTML documents) are linked together. When you click a link in a Web page, you are using hypertext. Markup Language describes how HTML works. With a markup language, you simply "mark up" a text document with tags that tell a Web browser how to structure it to display. HTML documents contain HTML tags and plain text HTML documents are also called web page. Sunday, November 24, 2019 5 HTML markup tags are usually called HTML tags HTML tags are keywords (tag names) surrounded by angle brackets like <html> HTML tags normally come in pairs like <b> and </b> The first tag in a pair is the start tag, the second tag is the end tag The end tag is written like the start tag, with a forward slash before the tag name Start and end tags are also called opening tags and closing tags
Sunday, November 24, 2019 6
Sunday, November 24, 2019 7 The <!DOCTYPE> declaration helps the browser to display a web page correctly. There are many different documents on the web, and a browser can only display an HTML page 100% correctly if it knows the HTML type and version used.
Sunday, November 24, 2019 8
Open a notepad or notepad++ and type the following:
Save it as webpage.html
Sunday, November 24, 2019 9
<html> </html> - Defines the root of an HTML document. <head> </head> -Defines information about the document. <title></title> - Defines a title for the document. <body></body> - Defines the document's body. <h1></h1>to<h6></h6> - defines HTML headings. <p></p> -Defines the document's paragraph. <br> - insert a line break. Sunday, November 24, 2019 10 HTML elements can have attributes Attributes provide additional information about an element Attributes are always specified in the start tag Attributes come in name/value pairs like: name="value"
Sunday, November 24, 2019 11
Tag 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 <mark> Defines marked/highlighted text Sunday, November 24, 2019 12 Tag Description
<code> Defines computer code text
<kbd> Defines keyboard text
<samp> Defines sample computer code
<var> Defines a variable
<pre> Defines preformatted text
Sunday, November 24, 2019 13
The <head> element is a container for all the head elements. Elements inside <head> can include scripts, instruct the browser where to find style sheets, provide meta information, and more. The following tags can be added to the head section: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.
Sunday, November 24, 2019 14
Metadata is data (information) about data. The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable. Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata. The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services. Sunday, November 24, 2019 15 Tag Description <head> Defines information about the document <title> Defines the title of a document <base> Defines a default address or a default target for all links on a page <link> Defines the relationship between a document and an external resource <meta> Defines metadata about an HTML document <script> Defines a client-side script <style> Defines style information for a document