The document provides information about HTML (Hypertext Markup Language). It discusses that HTML is the standard markup language used to create web pages. It consists of elements that tell browsers how to display content. The document also describes common HTML tags like headings, paragraphs, links, lists, and attributes that can provide additional information to elements. It explains the structure of an HTML document and provides examples of basic HTML code.
The document discusses HTML (Hypertext Markup Language), which defines the structure and layout of web pages using tags and attributes. It describes common HTML elements like <head>, <title>, <body>, and <html> that form the basic structure of an HTML document, as well as tags for text formatting, hyperlinks, images, lists, and tables. Paired and singular tags are introduced along with examples.
This document introduces HTML (Hypertext Markup Language) and describes some of its basic tags and features. It explains that HTML is a markup language used to structure and format web pages using tags. It then lists some common HTML tags like <html>, <head>, <title>, <body>, <h1>-<h6> for headings, <b> for bold, <i> for italics, and <a> for links. The document provides examples of simple HTML pages using these tags to demonstrate headings, paragraphs, lists, tables, forms, and more.
HTML (Hypertext Markup Language) is used to create web pages. It uses tags to define headings, paragraphs, lists, links and other elements. Some key HTML tags are <html> <head> <title> <body> <h1>-<h6> <p> <ul> <ol> <li> <a> <img>. HTML pages can be written using a basic text editor and have the .html file extension. The browser interprets the HTML tags to display the structured page content.
HTML is the standard markup language used to create web pages. It was created by Tim Berners-Lee in 1990 and includes elements like <head>, <body>, <p>, and <img> to structure and layout web page content. HTML has gone through several versions over the years to support new technologies and is now at version 5, which introduced new semantic elements and embedded media with <video> and <audio> tags. HTML pages are built with tags that do not display but tell browsers how to render content, and attributes provide additional information about elements.
The document provides information on various HTML body tag elements and their attributes that control formatting of web pages, including:
- The <body> tag contains attributes that set the background color, image, and text/link colors. Attributes like BGCOLOR set the background color.
- Other tags control text formatting and placement, like <h1>-<h6> for headings, <p> for paragraphs, <br> for line breaks, and <font> for text styling.
- Lists are created using <ul>, <ol>, <li> tags and their type/start attributes. Other tags like <img> insert images, <a> creates links, and <table> structures data
The document provides information about HTML (Hypertext Markup Language):
1. HTML is the standard markup language used to create web pages and defines the structure and layout of a web page.
2. HTML uses tags to annotate text with semantic information like headings, paragraphs, links, quotes, etc. and the tags are enclosed in angle brackets.
3. Basic HTML tags include <html>, <head>, <title>, <body>, <h1>-<h6> for headings, <p> for paragraphs, <a> for links, <img> for images, and <br> for line breaks.
HTML Basics document provides an overview of HTML elements and tags used to format text and structure web pages. It discusses the basic structure of an HTML document including the <head>, <title>, and <body> sections. Common text formatting tags like <p>, <h1>-<h6>, <strong>, <em>, and <br> are demonstrated. Other elements covered include images, lists, links, and basic styling with inline CSS. The document serves as an introduction to basic HTML syntax and structure.
The document discusses HTML (Hypertext Markup Language), which defines the structure and layout of web pages using tags and attributes. It describes common HTML elements like <head>, <title>, <body>, and <html> that form the basic structure of an HTML document, as well as tags for text formatting, hyperlinks, images, lists, and tables. Paired and singular tags are introduced along with examples.
This document introduces HTML (Hypertext Markup Language) and describes some of its basic tags and features. It explains that HTML is a markup language used to structure and format web pages using tags. It then lists some common HTML tags like <html>, <head>, <title>, <body>, <h1>-<h6> for headings, <b> for bold, <i> for italics, and <a> for links. The document provides examples of simple HTML pages using these tags to demonstrate headings, paragraphs, lists, tables, forms, and more.
HTML (Hypertext Markup Language) is used to create web pages. It uses tags to define headings, paragraphs, lists, links and other elements. Some key HTML tags are <html> <head> <title> <body> <h1>-<h6> <p> <ul> <ol> <li> <a> <img>. HTML pages can be written using a basic text editor and have the .html file extension. The browser interprets the HTML tags to display the structured page content.
HTML is the standard markup language used to create web pages. It was created by Tim Berners-Lee in 1990 and includes elements like <head>, <body>, <p>, and <img> to structure and layout web page content. HTML has gone through several versions over the years to support new technologies and is now at version 5, which introduced new semantic elements and embedded media with <video> and <audio> tags. HTML pages are built with tags that do not display but tell browsers how to render content, and attributes provide additional information about elements.
The document provides information on various HTML body tag elements and their attributes that control formatting of web pages, including:
- The <body> tag contains attributes that set the background color, image, and text/link colors. Attributes like BGCOLOR set the background color.
- Other tags control text formatting and placement, like <h1>-<h6> for headings, <p> for paragraphs, <br> for line breaks, and <font> for text styling.
- Lists are created using <ul>, <ol>, <li> tags and their type/start attributes. Other tags like <img> insert images, <a> creates links, and <table> structures data
The document provides information about HTML (Hypertext Markup Language):
1. HTML is the standard markup language used to create web pages and defines the structure and layout of a web page.
2. HTML uses tags to annotate text with semantic information like headings, paragraphs, links, quotes, etc. and the tags are enclosed in angle brackets.
3. Basic HTML tags include <html>, <head>, <title>, <body>, <h1>-<h6> for headings, <p> for paragraphs, <a> for links, <img> for images, and <br> for line breaks.
HTML Basics document provides an overview of HTML elements and tags used to format text and structure web pages. It discusses the basic structure of an HTML document including the <head>, <title>, and <body> sections. Common text formatting tags like <p>, <h1>-<h6>, <strong>, <em>, and <br> are demonstrated. Other elements covered include images, lists, links, and basic styling with inline CSS. The document serves as an introduction to basic HTML syntax and structure.
This document provides an introduction to HTML (Hypertext Markup Language) and covers many basic HTML elements and tags. It discusses how HTML is used to create web pages, explains common tags like <html>, <head>, <body>, and <title>. It also covers text formatting tags, font tags, image tags, links, lists, tables, and more. The document includes many code examples and screenshots to demonstrate how each tag is used.
The document provides an introduction to HTML, covering topics such as what HTML is, how web pages work, common programs used to write HTML, how browsers display web pages, basic HTML tags, formatting of HTML documents, and more. Key points include:
- HTML is the standard markup language used to create web pages
- Web pages are stored on servers and viewed in browsers using HTTP
- Popular programs for writing HTML include Notepad, Textpad, Dreamweaver
- Browsers fetch and display pages using HTML tags to control formatting
- Basic HTML tags include headings, paragraphs, line breaks, comments
- Links, images, backgrounds, and other elements are added using tags
This document provides an introduction to HTML (Hypertext Markup Language) by explaining some key concepts:
- HTML is used to create web pages and is a markup language that uses tags to describe the structure and layout of content. It is not a programming language.
- Common HTML elements and tags are explained, including container tags that have opening and closing tags, and empty elements that only have opening tags.
- The document demonstrates how to write basic HTML code and open HTML files in a web browser. It provides examples of common text formatting, list, image, and table tags.
HTML is a markup language used to describe and structure web pages. It uses tags to define headings, paragraphs, links, images, and other content. An HTML file contains a head and body section. The head contains meta information about the page like the title. The body contains the visible page content. Common tags include headings, paragraphs, links, images, and divs to group content. Attributes provide extra information about elements.
The document provides an introduction to HTML basics, including:
- The structure of an HTML document with <head> and <body> sections
- Common tags for headings, paragraphs, links, and text formatting
- How to add images, hyperlinks, and sections to an HTML page
- Examples of creating a basic HTML page and using various tags
The document explains the basic HTML structure and tags needed for a simple HTML page. The <html> tag encloses all content and indicates HTML is being used. The <head> contains general page information like the title and author and no visible content. The <body> contains all visible page content like text, images, and links. Tags must be properly nested with opening and closing tags in the correct order.
What is HTML - An Introduction to HTML (Hypertext Markup Language)Ahsan Rahim
What is HTML?
HTML stands for "Hypertext Markup Language". A standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects on World Wide Web pages.
Hypertext Markup Language is the standard markup language for creating the Web pages and Web Applications. With Cascading Style Sheets (CSS) & JavaScript for creating World Wide Web pages.
HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet.
HTML is relatively easy to learn & it consists of a series of short codes typed into a text-file by the site author — these are the tags. The text is then saved as a html file, and viewed through a browser.
HTML (Hypertext Markup Language) is the standard markup language used to create web pages. HTML uses tags to define elements like paragraphs, headings, links, images, and tables. Common tags include <p> for paragraphs, <h1> - <h6> for headings, <a> for links, <img> for images, and <table> for tables. HTML pages can also include styles, lists, forms, iframes and other elements. Well-formed HTML code ensures web pages display properly across different browsers.
After this presentation students will be able to:
1. Define the term hypertext and state the purpose of HTML.
2. Identify the main parts of an HTML document.
3. Identify and state the purpose of different HTML elements.
4. Differentiate between HTML elements, tags, and attributes.
Create web pages using different basic and formatting tags.
HTML is a markup language used to create web pages. It uses tags to denote structural elements like headings, paragraphs, lists, and links. Tags are written within angle brackets and indicate how content should be displayed. Common tags include <head> for the document head, <title> for the page title, <body> for the main page content, and <p> for paragraphs. HTML documents are created in a text editor and saved with a .html or .htm file extension.
General Introduction to Web Page and Designing of Web Pages using basic elements of HTML of HTML tags, attributes, Heading, Paragraphs and Images. Also describes the process to work with the function of the tags and the attributes in HTML
1. The document discusses basic HTML elements and tags used to structure an HTML document, including <html>, <head>, <title>, <body>, headings, paragraphs, line breaks, and horizontal rules.
2. Key HTML tags are explained along with their purpose and attributes. Container elements require opening and closing tags while empty elements only require a starting tag.
3. Examples are provided to demonstrate how to use various HTML tags to display text, headings, and lines in different formats and alignments. The <body> tag attributes to set background color, text color, and margins are also covered.
The document provides an overview of HTML 5 including:
- HTML stands for Hypertext Markup Language and is the core markup language used to structure web pages.
- Common IDEs and browsers for developing HTML include Notepad, Visual Studio Code, Chrome, and Firefox.
- Key HTML elements include <html>, <head>, <body>, <div>, <p>, <img>, <a>, <ul>, <ol>, <table>, and <form>.
- Attributes like class, id, and src are used to provide additional information and functionality.
- HTML allows adding headings, text formatting, comments, links, images, videos, and tables to structure and design web pages.
HTML is a markup language used to structure and present content on the web. It uses tags to mark elements like headings, paragraphs, and links. The document discusses basic HTML tags and syntax like <h1> for headings, <p> for paragraphs, and <a href> for links. It also covers inserting images with <img src> and applying styles with tags like <b> for bold, <i> for italic, and <font size> for text size.
- HTML stands for Hypertext Markup Language and HTML documents are plain-text files that can be created using any text editor and contain tags to denote elements like headings, paragraphs, and lists.
- Tags are surrounded by angle brackets and usually come in pairs to mark the start and end of an element. Some elements also include attributes to provide additional information.
- A minimal HTML document requires tags for html, head, title, and body elements and contains headings, paragraphs and other text-based elements.
This document provides an introduction to HTML and creating basic HTML documents. It defines key terms like HTML, URL, and browser. It explains that HTML uses tags enclosed in brackets to format text. It recommends using Notepad++ as a simple text editor to create HTML files and provides step-by-step instructions for starting a new HTML file, adding basic tags like <html>, <head>, <title>, and <body>, and viewing the file in a browser. The document emphasizes setting the page <title> for search engine optimization and saving files with the .html or .htm extension.
Learn the building blocks of the web: HTML.
In this lesson we go over the basics of HyperText Markup Language so you can begin designing your first web page! For more information visit www.computermentors.org
Tim Berners-Lee, a physicist working at CERN, invented HTML in the late 1980s as a way for researchers to share and collaborate on information. The earliest versions of HTML included basic markup tags but lacked features like tables. Subsequent versions in the 1990s, such as HTML 3.2, HTML 4, and HTML 4.01, added support for additional elements, tags, and features to enhance the functionality and capabilities of HTML. HTML is not a programming language but a markup language that uses tags to define the structure and layout of web pages.
This document discusses web design and HTML. It covers topics like what a website is, how to design a good site by considering the audience and other factors, and an introduction to HTML including its structure, tags, and how to format text and add links. The last sections discuss publishing a website by getting a domain name and hosting, and common file naming conventions.
HTML5 is the latest version of HTML that adds new elements and attributes. It is being developed by the W3C and WHATWG to make HTML more semantic, customizable and multimedia-capable. Key features of HTML5 include less complex header code, new semantic tags like <article> and <section>, multimedia embedding with <video> and <audio> tags, canvas drawing with JavaScript, and web storage with localStorage and sessionStorage objects. HTML5 aims to provide one standard way to embed multimedia without plugins and more options for storing data on the client-side.
This document provides an introduction to HTML (Hypertext Markup Language) and covers many basic HTML elements and tags. It discusses how HTML is used to create web pages, explains common tags like <html>, <head>, <body>, and <title>. It also covers text formatting tags, font tags, image tags, links, lists, tables, and more. The document includes many code examples and screenshots to demonstrate how each tag is used.
The document provides an introduction to HTML, covering topics such as what HTML is, how web pages work, common programs used to write HTML, how browsers display web pages, basic HTML tags, formatting of HTML documents, and more. Key points include:
- HTML is the standard markup language used to create web pages
- Web pages are stored on servers and viewed in browsers using HTTP
- Popular programs for writing HTML include Notepad, Textpad, Dreamweaver
- Browsers fetch and display pages using HTML tags to control formatting
- Basic HTML tags include headings, paragraphs, line breaks, comments
- Links, images, backgrounds, and other elements are added using tags
This document provides an introduction to HTML (Hypertext Markup Language) by explaining some key concepts:
- HTML is used to create web pages and is a markup language that uses tags to describe the structure and layout of content. It is not a programming language.
- Common HTML elements and tags are explained, including container tags that have opening and closing tags, and empty elements that only have opening tags.
- The document demonstrates how to write basic HTML code and open HTML files in a web browser. It provides examples of common text formatting, list, image, and table tags.
HTML is a markup language used to describe and structure web pages. It uses tags to define headings, paragraphs, links, images, and other content. An HTML file contains a head and body section. The head contains meta information about the page like the title. The body contains the visible page content. Common tags include headings, paragraphs, links, images, and divs to group content. Attributes provide extra information about elements.
The document provides an introduction to HTML basics, including:
- The structure of an HTML document with <head> and <body> sections
- Common tags for headings, paragraphs, links, and text formatting
- How to add images, hyperlinks, and sections to an HTML page
- Examples of creating a basic HTML page and using various tags
The document explains the basic HTML structure and tags needed for a simple HTML page. The <html> tag encloses all content and indicates HTML is being used. The <head> contains general page information like the title and author and no visible content. The <body> contains all visible page content like text, images, and links. Tags must be properly nested with opening and closing tags in the correct order.
What is HTML - An Introduction to HTML (Hypertext Markup Language)Ahsan Rahim
What is HTML?
HTML stands for "Hypertext Markup Language". A standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects on World Wide Web pages.
Hypertext Markup Language is the standard markup language for creating the Web pages and Web Applications. With Cascading Style Sheets (CSS) & JavaScript for creating World Wide Web pages.
HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet.
HTML is relatively easy to learn & it consists of a series of short codes typed into a text-file by the site author — these are the tags. The text is then saved as a html file, and viewed through a browser.
HTML (Hypertext Markup Language) is the standard markup language used to create web pages. HTML uses tags to define elements like paragraphs, headings, links, images, and tables. Common tags include <p> for paragraphs, <h1> - <h6> for headings, <a> for links, <img> for images, and <table> for tables. HTML pages can also include styles, lists, forms, iframes and other elements. Well-formed HTML code ensures web pages display properly across different browsers.
After this presentation students will be able to:
1. Define the term hypertext and state the purpose of HTML.
2. Identify the main parts of an HTML document.
3. Identify and state the purpose of different HTML elements.
4. Differentiate between HTML elements, tags, and attributes.
Create web pages using different basic and formatting tags.
HTML is a markup language used to create web pages. It uses tags to denote structural elements like headings, paragraphs, lists, and links. Tags are written within angle brackets and indicate how content should be displayed. Common tags include <head> for the document head, <title> for the page title, <body> for the main page content, and <p> for paragraphs. HTML documents are created in a text editor and saved with a .html or .htm file extension.
General Introduction to Web Page and Designing of Web Pages using basic elements of HTML of HTML tags, attributes, Heading, Paragraphs and Images. Also describes the process to work with the function of the tags and the attributes in HTML
1. The document discusses basic HTML elements and tags used to structure an HTML document, including <html>, <head>, <title>, <body>, headings, paragraphs, line breaks, and horizontal rules.
2. Key HTML tags are explained along with their purpose and attributes. Container elements require opening and closing tags while empty elements only require a starting tag.
3. Examples are provided to demonstrate how to use various HTML tags to display text, headings, and lines in different formats and alignments. The <body> tag attributes to set background color, text color, and margins are also covered.
The document provides an overview of HTML 5 including:
- HTML stands for Hypertext Markup Language and is the core markup language used to structure web pages.
- Common IDEs and browsers for developing HTML include Notepad, Visual Studio Code, Chrome, and Firefox.
- Key HTML elements include <html>, <head>, <body>, <div>, <p>, <img>, <a>, <ul>, <ol>, <table>, and <form>.
- Attributes like class, id, and src are used to provide additional information and functionality.
- HTML allows adding headings, text formatting, comments, links, images, videos, and tables to structure and design web pages.
HTML is a markup language used to structure and present content on the web. It uses tags to mark elements like headings, paragraphs, and links. The document discusses basic HTML tags and syntax like <h1> for headings, <p> for paragraphs, and <a href> for links. It also covers inserting images with <img src> and applying styles with tags like <b> for bold, <i> for italic, and <font size> for text size.
- HTML stands for Hypertext Markup Language and HTML documents are plain-text files that can be created using any text editor and contain tags to denote elements like headings, paragraphs, and lists.
- Tags are surrounded by angle brackets and usually come in pairs to mark the start and end of an element. Some elements also include attributes to provide additional information.
- A minimal HTML document requires tags for html, head, title, and body elements and contains headings, paragraphs and other text-based elements.
This document provides an introduction to HTML and creating basic HTML documents. It defines key terms like HTML, URL, and browser. It explains that HTML uses tags enclosed in brackets to format text. It recommends using Notepad++ as a simple text editor to create HTML files and provides step-by-step instructions for starting a new HTML file, adding basic tags like <html>, <head>, <title>, and <body>, and viewing the file in a browser. The document emphasizes setting the page <title> for search engine optimization and saving files with the .html or .htm extension.
Learn the building blocks of the web: HTML.
In this lesson we go over the basics of HyperText Markup Language so you can begin designing your first web page! For more information visit www.computermentors.org
Tim Berners-Lee, a physicist working at CERN, invented HTML in the late 1980s as a way for researchers to share and collaborate on information. The earliest versions of HTML included basic markup tags but lacked features like tables. Subsequent versions in the 1990s, such as HTML 3.2, HTML 4, and HTML 4.01, added support for additional elements, tags, and features to enhance the functionality and capabilities of HTML. HTML is not a programming language but a markup language that uses tags to define the structure and layout of web pages.
This document discusses web design and HTML. It covers topics like what a website is, how to design a good site by considering the audience and other factors, and an introduction to HTML including its structure, tags, and how to format text and add links. The last sections discuss publishing a website by getting a domain name and hosting, and common file naming conventions.
HTML5 is the latest version of HTML that adds new elements and attributes. It is being developed by the W3C and WHATWG to make HTML more semantic, customizable and multimedia-capable. Key features of HTML5 include less complex header code, new semantic tags like <article> and <section>, multimedia embedding with <video> and <audio> tags, canvas drawing with JavaScript, and web storage with localStorage and sessionStorage objects. HTML5 aims to provide one standard way to embed multimedia without plugins and more options for storing data on the client-side.
7.Web computer note nrb officer Design Extra HTML.pdfssuserbf7e9c
1. The document provides an introduction to HTML, defining key terms like HTML, URL, browser, and tags. It discusses choosing a text editor and starting NotePad.
2. It describes how to create a basic HTML document structure with tags like <html>, <head>, <title>, and <body>. It also covers setting document properties like colors.
3. The document discusses various text formatting elements in HTML like headings, paragraphs, breaks, horizontal rules, bold, italics, and alignment. It provides examples of using these elements.
4. It covers special characters in HTML that can be inserted using entity references starting with ampersands.
This document provides an introduction to HTML and covers various topics related to creating HTML documents, including:
1. Definitions of key terms like HTML, URL, and browser.
2. How to create a basic HTML document structure and set document properties like the background color.
3. How to add different elements like headings, paragraphs, breaks, and horizontal rules to structure the content and text.
This document provides an introduction to HTML and covers several key topics:
1. It defines important terms like HTML, URL, and browser.
2. It discusses the basic structure of an HTML document including the <head> and <body> sections and common tags like <title> and <p>.
3. It covers ways to format text including headings, paragraphs, breaks, horizontal rules, bold, italics, underline, and font colors. It also discusses alignment and special characters.
This document provides an introduction to HTML and covers various topics related to creating HTML documents, including:
1. Definitions of key terms like HTML, URL, and browser.
2. How to create a basic HTML document structure and set document properties using tags like <HTML>, <HEAD>, <TITLE>, and <BODY>.
3. How to format text within HTML documents using tags like <H1>-<H6> for headings, <P> for paragraphs, <BR> for breaks, and <HR> for horizontal rules.
This document provides an introduction to HTML and covers several key topics:
1. It defines important terms like HTML, URL, and browser.
2. It discusses the basic structure of an HTML document including tags, headings, paragraphs, and breaks.
3. It covers how to set document properties like the background color, text color, and link colors.
4. It explains how to preview and view HTML documents in a browser and engage in the edit-save-view cycle of creating webpages.
This document provides an introduction to HTML and covers several key topics:
1. It defines important terms like HTML, URL, and browser.
2. It discusses the basic structure of an HTML document including the <head> and <body> tags.
3. It covers how to set document properties like the background color and text color in the <body> tag.
4. It explains different text formatting tags like <b> for bold, <i> for italics, and <font> for changing text size or color.
web development html css javascrptt902350_HTML_Jar.pptPuniNihithasree
This document provides an introduction to HTML and covers several key topics:
1. It defines important HTML terms like HTML, URL, and browser.
2. It discusses HTML tags, including common tags like <TITLE> and <BODY>, and explains that tags are not case sensitive.
3. It covers choosing a text editor for writing HTML, and recommends NotePad for beginners to create basic HTML pages and view them in a browser.
This document provides an introduction to HTML and covers various topics related to creating HTML documents, including:
1. Definitions of key terms like HTML, URL, and browser.
2. How to create a basic HTML document structure and set document properties using tags like <HTML>, <HEAD>, <TITLE>, and <BODY>.
3. How to add headings, paragraphs, breaks, and horizontal rules to structure content on the page.
4. How to format text using bold, italics, and other tags.
In summary, the document serves as a tutorial for beginners on the basic building blocks of creating HTML pages.
This document provides an introduction to HTML and covers several key topics:
1. It defines important HTML terms like HTML, URL, and browser.
2. It discusses HTML tags, including common tags like <TITLE> and <BODY>, and explains that tags are not case sensitive.
3. It covers choosing a text editor for writing HTML, and recommends NotePad for beginners to create basic HTML pages and view them in a browser.
This document provides an introduction to HTML basics, including:
- HTML is the markup language used to structure web pages and describes the structure of pages using tags
- An HTML document has a head and body section, with the head containing meta information and the body containing visible page content
- Common HTML tags are used to structure text (headings, paragraphs), insert images and links, and create lists and tables
- Attributes provide additional information about HTML elements like links, images, and form controls
The document provides an introduction to HTML and describes some basic HTML elements and tags. It explains that HTML stands for Hypertext Markup Language and is used to create web pages. It lists common tags like <html>, <head>, <title>, and <body> and explains what they are used for. It also describes how to write basic HTML code and view it in a web browser. Finally, it discusses some text formatting tags, lists, and how to change background and text colors.
HYPER TEXT MARKUP LANGUAGE BASIC LESSONSdivyajohnisg
The document provides an introduction to HTML, explaining that it is used to create web pages and is a markup language that uses tags to describe web page elements. It describes how to start creating HTML documents using a text editor like Notepad and viewing the pages in a web browser. It outlines the basic HTML page structure using <html>, <head>, <title>, and <body> tags and provides examples of simple HTML code to create a web page.
The document provides an overview of full stack web development, including front-end technologies like HTML, CSS, JavaScript and back-end technologies like PHP, Java, and Python. It discusses how websites are structured and hosted, how web pages are built using HTML, and how text editors can be used to write HTML code. It also covers common web development terms like protocols, URLs, and how CSS is used to style web pages.
This document provides an introduction and overview of HTML concepts including:
- The basic structure of an HTML document with tags for the <html>, <head>, <title>, and <body> sections.
- Common text formatting tags such as <b>, <i>, <p>, and <br> and how to combine multiple tags.
- Other tags for headings, fonts, text alignment, links, images, and tables.
- Attributes that can be added to tags to customize properties like colors, sizes, and alignments.
- Best practices for naming files, placing images, and adding summaries for accessibility.
HTML is used to structure and layout web pages. The basic HTML document has a head and body section. The head contains metadata like the title, while the body contains visible content. Common elements include headings, paragraphs, lists, links, images and tables. Tags like <h1> and <p> define headings and paragraphs. Unordered and ordered lists use <ul> and <ol> tags. Links are created with <a> tags and images with <img> tags. Tables are made up of <table>, <tr>, and <td> tags to define the table, rows, and cells. HTML provides basic building blocks for creating web pages.
1. The document introduces HTML (Hypertext Markup Language), the language used to create web pages, and defines common HTML terms like tags, URLs, and browsers.
2. It describes basic HTML tags for formatting text, including headings, paragraphs, line breaks, and horizontal rules. Color codes and attributes for setting text, background, and link colors are also covered.
3. The document discusses how to preview and view HTML files using a text editor like Notepad and a web browser in an edit-save-view cycle. It also covers character formatting tags for bold, italics, underline, and more.
This document provides an overview of deep learning and convolutional neural networks (CNNs). It discusses topics like artificial neural networks, CNN architecture including convolution, ReLU, pooling and fully connected layers. It also explains how CNNs work by scanning images through these layers and detecting patterns. Code examples in Python are given to demonstrate preprocessing data, building a CNN model, training it and making predictions. Key concepts like softmax and cross-entropy functions used for classification are also overviewed.
The document discusses reinforcement learning techniques. It describes reinforcement learning as a method for solving interacting problems by considering past data to determine the next action. Reinforcement learning is also used in artificial intelligence to train machines through reward and punishment in tasks like walking. The document outlines reinforcement learning models including Upper Confidence Bound (UCB) and Thompson Sampling.
The document discusses association rule learning, which analyzes data to find patterns and relationships between attributes or items. Association rules have two parts - an antecedent (if) and consequent (then) that occur frequently together. For example, people who buy bread often also buy milk. The Apriori algorithm is commonly used to generate association rules and considers support, confidence and lift to determine strong rules. Support measures how often an itemset occurs, confidence measures the likelihood of the consequent given the antecedent, and lift measures their independence while accounting for item popularity.
Linear Regression
Simple Linear Regression
Multiple Linear Regression
Polynomial Regression
Non-Linear Regression
Support Vector Regression (SVR)
Decision Tree Regression
Random Forest Regression
The document outlines machine learning practicals using Python. It includes 14 practical programming assignments on topics like scatter plots, linear regression, decision trees, k-nearest neighbors, and clustering. It also provides an overview of Python libraries for machine learning like NumPy, Pandas, Scikit-Learn, and Matplotlib for tasks like data preprocessing, modeling, visualization, and more. Data preprocessing concepts covered are importing data, handling missing values, encoding categorical variables, and splitting data into training and test sets.
The document discusses machine learning concepts including:
1) Machine learning is an application of artificial intelligence that allows systems to automatically learn and improve from experience without being explicitly programmed.
2) There are different types of machine learning including supervised learning, unsupervised learning, and reinforcement learning.
3) The machine learning process involves learning tasks, performance metrics, experience, and optimizing models using techniques like gradient descent.
Web publishing involves creating and uploading websites, webpages, blogs, and other content to the internet. It requires web development software, an internet connection, and a web server. Content is uploaded to the web server via the internet connection. Web servers can be shared, hosting multiple sites, or dedicated to a single site. Domain names provide the address for websites and must be purchased separately from web hosting. Nameservers help connect domain names to server IP addresses through the domain name system.
This document provides information about various CSS properties and selectors including:
1. The :not() pseudo-class selector and how it selects elements that do not match the argument passed.
2. Pseudo-elements like ::before and ::after that generate content before and after an element's content.
3. Specificity rules that determine which styles cascade when multiple selectors target the same element.
4. The universal selector (*) and how it can target any element on the page.
5. Properties for styling fonts, text, lists, boxes and controlling layout with the box model.
This document provides an overview of Cascading Style Sheets (CSS) including:
- The different ways to apply CSS such as inline styles, embedded styles, and external styles.
- Various CSS selectors like tag selectors, class selectors, ID selectors, and combination selectors that allow targeting specific elements.
- CSS properties for styling elements with regards to colors, text, margins, paddings, and borders.
- The benefits of using CSS including separation of structure and presentation, consistency across pages, and reduced file size compared to only using HTML for styling.
This document provides an overview of HTML (Hypertext Markup Language) and discusses both logical and physical tags. It describes logical tags as those that describe the meaning of enclosed text, such as <strong> and <em>, while physical tags provide specific instructions on display, like <b> and <i>. The document also distinguishes between block-level elements, which create a box and line break, and inline elements, which are part of the text flow. Examples given are that <p> is a block tag and <b> is an inline tag. Finally, it mentions spans and divs as "meaningless" elements used with CSS, and lists topics to be covered in advanced HTML.
This document provides information about HTML frames including:
- Frames allow dividing the browser window into multiple panes using <frameset> and <frame> tags.
- <frameset> defines the layout as rows or columns and <frame> defines each individual pane.
- Attributes like name, src, scrolling control frame behavior.
- Targeting links to different frames uses the target attribute.
- Nested <frameset> allow complex layouts with rows and columns.
- <noframes> provides content for non-frame browsers.
This document outlines the course content for an introduction to web technology course. The course covers basic web terminology, HTML, CSS, and web hosting. It is divided into 4 units:
1) Basic web concepts including the internet, browsers, servers, domains and URLs
2) An introduction to HTML5 including page structure, tags, and multimedia
3) An introduction to CSS including style sheets, selectors, properties and layouts
4) Web publishing and hosting including the need for hosting, different hosting options, and steps to host a website.
Level 3 NCEA - NZ: A Nation In the Making 1872 - 1900 SML.pptHenry Hollis
The History of NZ 1870-1900.
Making of a Nation.
From the NZ Wars to Liberals,
Richard Seddon, George Grey,
Social Laboratory, New Zealand,
Confiscations, Kotahitanga, Kingitanga, Parliament, Suffrage, Repudiation, Economic Change, Agriculture, Gold Mining, Timber, Flax, Sheep, Dairying,
The chapter Lifelines of National Economy in Class 10 Geography focuses on the various modes of transportation and communication that play a vital role in the economic development of a country. These lifelines are crucial for the movement of goods, services, and people, thereby connecting different regions and promoting economic activities.
This document provides an overview of wound healing, its functions, stages, mechanisms, factors affecting it, and complications.
A wound is a break in the integrity of the skin or tissues, which may be associated with disruption of the structure and function.
Healing is the body’s response to injury in an attempt to restore normal structure and functions.
Healing can occur in two ways: Regeneration and Repair
There are 4 phases of wound healing: hemostasis, inflammation, proliferation, and remodeling. This document also describes the mechanism of wound healing. Factors that affect healing include infection, uncontrolled diabetes, poor nutrition, age, anemia, the presence of foreign bodies, etc.
Complications of wound healing like infection, hyperpigmentation of scar, contractures, and keloid formation.
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...PECB
Denis is a dynamic and results-driven Chief Information Officer (CIO) with a distinguished career spanning information systems analysis and technical project management. With a proven track record of spearheading the design and delivery of cutting-edge Information Management solutions, he has consistently elevated business operations, streamlined reporting functions, and maximized process efficiency.
Certified as an ISO/IEC 27001: Information Security Management Systems (ISMS) Lead Implementer, Data Protection Officer, and Cyber Risks Analyst, Denis brings a heightened focus on data security, privacy, and cyber resilience to every endeavor.
His expertise extends across a diverse spectrum of reporting, database, and web development applications, underpinned by an exceptional grasp of data storage and virtualization technologies. His proficiency in application testing, database administration, and data cleansing ensures seamless execution of complex projects.
What sets Denis apart is his comprehensive understanding of Business and Systems Analysis technologies, honed through involvement in all phases of the Software Development Lifecycle (SDLC). From meticulous requirements gathering to precise analysis, innovative design, rigorous development, thorough testing, and successful implementation, he has consistently delivered exceptional results.
Throughout his career, he has taken on multifaceted roles, from leading technical project management teams to owning solutions that drive operational excellence. His conscientious and proactive approach is unwavering, whether he is working independently or collaboratively within a team. His ability to connect with colleagues on a personal level underscores his commitment to fostering a harmonious and productive workplace environment.
Date: May 29, 2024
Tags: Information Security, ISO/IEC 27001, ISO/IEC 42001, Artificial Intelligence, GDPR
-------------------------------------------------------------------------------
Find out more about ISO training and certification services
Training: ISO/IEC 27001 Information Security Management System - EN | PECB
ISO/IEC 42001 Artificial Intelligence Management System - EN | PECB
General Data Protection Regulation (GDPR) - Training Courses - EN | PECB
Webinars: https://pecb.com/webinars
Article: https://pecb.com/article
-------------------------------------------------------------------------------
For more information about PECB:
Website: https://pecb.com/
LinkedIn: https://www.linkedin.com/company/pecb/
Facebook: https://www.facebook.com/PECBInternational/
Slideshare: http://www.slideshare.net/PECBCERTIFICATION
Temple of Asclepius in Thrace. Excavation resultsKrassimira Luka
The temple and the sanctuary around were dedicated to Asklepios Zmidrenus. This name has been known since 1875 when an inscription dedicated to him was discovered in Rome. The inscription is dated in 227 AD and was left by soldiers originating from the city of Philippopolis (modern Plovdiv).
2. HYPERTEXT MARKUP LANGUAGE
• HTML stands for Hypertext Markup Language.
• HTML is the standard markup language for creating Web pages
• HTML describes the structure of a Web page
• HTML consists of a series of elements
• HTML elements tell the browser how to display the content
• HTML elements label pieces of content such as "this is a heading",
"this is a paragraph", "this is a link", etc.
3. 3
HTML: HYPERTEXT MARKUP LANGUAGE
• HTML documents are simply text documents with a specific
form
– Documents comprised of content and markup tags
– Content: actual information being conveyed
– The markup tags tell the Web browser how to display the page
– An HTML file must have an htm or html file extension
– An HTML file can be created using a simple text editor
4. Features of HTML:
•It is easy to learn and easy to use.
•It is platform independent.
•Images, video and audio can be added to a web page.
•Hypertext can be added to text.
•It is a markup language.
Why learn HTML?
•It is a simple markup language. Its implementation is easy.
•It is used to create a website.
•Helps in developing fundamentals about web programming.
•Boost professional career.
Advantages:
•HTML is used to build a websites.
•It is supported by all browsers.
•It can be integrated with other languages like CSS, JavaScript etc.
Disadvantages:
•HTML can create only static webpages so for dynamic web page other languages have to be used.
•Large amount of code has to be written to create a simple web page.
•Security feature is not good.
5. 5
HTML TAGS
• HTML tags are used to mark-up HTML elements
– Surrounded by angle brackets < and >
– HTML tags normally come in pairs, like <tagname> (start tag) and
</tagname> (end tag)
– The text between the start and end tags is the element content
– Not case-sensitive
– Follow the latest web standards:
• Use lowercase tags
6. 6
TAG ATTRIBUTES
• Tags can have attributes that provide additional
information to an HTML element
– Attributes always come in name/value pairs like: name=“value”
– Attributes are always specified in the start tag
– Attribute values should always be enclosed in quotes. Double
quotes are most common.
– Also case-insensitive: however, lowercase is recommended
– <tagname a1=“v1” a2=“v2”></tagname>
– For example, <table border=“0”> is a start tag that defines a table
that has no borders
7. 7
HTML DOCUMENT STRUCTURE
• Entire document enclosed within <html> and </html> tags
• Two subparts:
– Head
• Enclosed within <head> and </head>
• Within the head, more tags can be used to specify title of the page, meta-
information, etc.
– Body
• Enclosed within <body> and </body>
• Within the body, content is to be displayed
• Other tags can be embedded in the body
9. ANATOMY OF HTML
Note: Simple attribute values that don't contain ASCII
whitespace (or any of the characters " ' ` = < > ) can
remain unquoted, but it is recommended that you
quote all attribute values, as it makes the code more
consistent and understandable.
13. A SIMPLE HTML DOCUMENT
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
14. WHAT IS AN HTML ELEMENT
An HTML element is defined by a start tag, some content, and
an end tag:
<tagname>Content goes here...</tagname>
The HTML element is everything from the start tag to the end
tag:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
17. NESTING ELEMENTS
You can put elements inside other elements too — this is
called nesting. If we wanted to state that our cat is very grumpy, we
could wrap the word "very" in a <strong> element, which means that
the word is to be strongly emphasized:
You do however need to make sure that your elements are properly nested. In the
example above, we opened the <p> element first, then
the <strong> element; therefore, we have to close the <strong> element first, then
the <p> element. The following is incorrect:
18. EMPTY ELEMENTS
Some elements have no content and are called empty
elements. Take the <img> element that we already have in
our HTML page:
This contains two attributes, but there is no closing </img> tag and
no inner content. This is because an image element doesn't wrap
content to affect it. Its purpose is to embed an image in the HTML
page in the place it appears.
21. MARKING UP THE TEXT
A lot of the web's content is lists and HTML has special elements for
these. Marking up lists always consists of at least 2 elements. The
most common list types are ordered and unordered lists:
1.Unordered lists are for lists where the order of the items doesn't
matter, such as a shopping list. These are wrapped in
a <ul> element.
2.Ordered lists are for lists where the order of the items does
matter, such as a recipe. These are wrapped in an <ol> element.
Each item inside the lists is put inside an <li> (list item) element.
26. 26
HTML LAYOUT
• One common way is to use HTML tables to format the layout
of an HTML page
– The trick is to use a table without borders, and maybe a little extra
cell-padding
• Other tips:
– Keep screen resolution in mind
– Use color to define spaces
– Align your images
– Balance the graphics and text on a page
– Think about text width – scan length 7 – 11 words
– Centering text is inadvisable
27. 27
HTML FRAMES
• HTML frames are a means of having several browser
windows open within a single larger window
• Each HTML document is called a frame
• Disadvantages:
–Must keep track of more HTML documents
–Difficult to print the entire page
28. COLOR CODES
Colors are set using “RGB” color codes, which are, represented as
hexadecimal values. Each 2-digit section of the code represents
the amount, in sequence, of red, green or blue that forms the
color. For example, a RGB value with 00 as the first two digits has
no red in the color.
28
33. THE BODY ELEMENT
The BODY element of a web page is an important element in regards
to the page’s appearance. Here are the attributes of the BODY tag to
control all the levels:
TEXT="#RRGGBB" to change the color of all the text on the page
(full page text color.)
This element contains information about the page’s background
color, the background image, as well as the text and link colors.
33
34. BACKGROUND COLOR
It is very common to see web pages with their background
color set to white or some other colors.
To set your document’s background color, you need to edit
the <BODY> element by adding the BGCOLOR attribute.
The following example will display a document with a
white background color:
<BODY BGCOLOR=“#FFFFFF”></BODY>
34
35. TEXT COLOR
The TEXT attribute is used to control the color of all the
normal text in the document. The default color for text
is black. The TEXT attribute would be added as follows:
<BODY BGCOLOR=“#FFFFFF”
TEXT=“#FF0000”></BODY>
In this example the document’s page
color is white and the text would be red.
35
36. LINK, VLINK, AND ALINK
These attributes control the colors of the different link states:
1. LINK – initial appearance – default = Blue.
2. VLINK – visited link – default = Purple.
3. ALINK –active link being clicked–default= Yellow.
The Format for setting these attributes is:
<BODY BGCOLOR=“#FFFFFF” TEXT=“#FF0000” LINK=“#0000FF”
VLINK=“#FF00FF”
ALINK=“FFFF00”> </BODY>
36
37. USING IMAGE BACKGROUND
The BODY element also gives you ability of setting an image as the
document’s background.
An example of a background image’s HTML code is as follows:
<BODY BACKGROUND=“hi.gif” BGCOLOR=“#FFFFFF”></BODY>
37
38. HEADINGS, PARAGRAPHS, BREAKS & HORIZONTAL RULES
Adding headings to your page, insert paragraphs, add some
breaks, and add horizontal rules.
Objectives
Upon completing this section, you should be able to
1. List and describe the different Heading elements.
2. Use Paragraphs to add text to a document.
3. Insert breaks where necessary.
4. Add a Horizontal Rule.
38
39. HEADINGS, <HX> </HX>
Inside the BODY element, heading elements H1 through
H6 are generally used for major divisions of the
document. Headings are permitted to appear in any
order, but you will obtain the best results when your
documents are displayed in a browser if you follow these
guidelines:
H1: should be used as the highest level of heading, H2 as
the next highest, and so forth.
You should not skip heading levels: e.g., an H3 should not
appear after an H1, unless there is an H2 between them.
39
41. PARAGRAPHS, <P> </P>
Paragraphs allow you to add text to a document in such a
way that it will automatically adjust the end of line to
suite the window size of the browser in which it is being
displayed. Each line of text will stretch the entire length
of the window.
41
43. BREAK, <BR>
Line breaks allow you to decide where the text
will break on a line or continue to the end of the
window.
A <BR> is an empty Element, meaning that it may
contain attributes but it does not contain content.
The <BR> element does not have a closing tag.
43
44. BREAK, <BR>
<HTML>
<HEAD>
<TITLE> Example Page</TITLE>
</HEAD>
<BODY>
<H1> Heading 1 </H1>
<P>Paragraph 1, <BR>
Line 2 <BR> Line 3 <BR>….
</P>
</BODY>
</HTML>
Heading 1
Paragraph 1,….
Line 2
Line 3
….
44
45. HORIZONTAL RULE, <HR>
The <HR> element causes the browser to display a
horizontal line (rule) in your document.
<HR> does not use a closing tag, </HR>.
45
46. HORIZONTAL RULE, <HR>
Attribute Description
Default
Value
SIZE Height of the rule in pixels 2 pixels
WIDTH
Width of the rule in pixels or percentage
of screen width
100%
NOSHADE
Draw the rule with a flat look instead of
a 3D look
Not set
(3D look)
ALIGN Aligns the line (Left, Center, Right) Center
COLOR Sets a color for the rule Not set
46
47. HORIZONTAL RULE, <HR>
<HTML>
<HEAD>
<TITLE> Example Page</TITLE>
</HEAD>
<BODY>
<H1> Heading 1 </H1>
<P>Paragraph 1, <BR>
Line 2 <BR>
<HR>Line 3 <BR>
</P>
</BODY>
</HTML>
Heading 1
Paragraph 1,….
Line 2
___________________________
Line 3
47
48. CHARACTER FORMATTING
How to enhance your page with Bold, Italics, and other character
formatting options.
Objectives
Upon completing this section, you should be able to
1. Change the color and size of your text.
2. Use Common Character Formatting Elements.
3. Align your text.
4. Add special characters.
5. Use other character formatting elements.
48
49. BOLD, ITALIC AND OTHER CHARACTER
FORMATTING ELEMENTS
<FONT SIZE=“+2”> Two sizes bigger</FONT>
The size attribute can be set as an absolute value from 1 to 7 or as a
relative value using the “+” or “-” sign. Normal text size is 3 (from -2 to +4).
<B> Bold </B>
<I> Italic </I>
<U> Underline </U>
Color = “#RRGGBB” The COLOR attribute of the FONT element. E.g.,
<FONT COLOR=“#RRGGBB”>this text has color</FONT>
<PRE> Preformatted </PRE> Text enclosed by PRE tags is displayed in a
mono-spaced font. Spaces and line breaks are supported without
additional elements or special characters.
49
50. BOLD, ITALIC AND OTHER CHARACTER
FORMATTING ELEMENTS
<EM> Emphasis </EM> Browsers usually display
this as italics.
<STRONG> STRONG </STRONG> Browsers
display this as bold.
<TT> TELETYPE </TT> Text is displayed in a
mono-spaced font. A typewriter text, e.g. fixed-
width font.
<CITE> Citation </CITE> represents a document
citation (italics). For titles of books, films, etc.
Typically displayed in italics. (A Beginner's Guide
to HTML)
50
51. BOLD, ITALIC AND OTHER CHARACTER
FORMATTING ELEMENTS
<P> <FONT SIZE=“+1”> One Size
Larger </FONT> - Normal –
<FONT SIZE=“-1”> One Size
Smaller </FONT> <BR>
<B> Bold</B> - <I> italics</I> -
<U> Underlined </U> -
<FONT COLOR=“#FF0000”>
Colored </FONT> <BR>
<EM> Emphasized</EM> -
<STRONG> Strong </STRONG> -
<TT> Tele Type </TT> <BR>
One Size Larger - Normal – One Size
Smaller
Bold - italics - Underlined - Colored
Emphasized - Strong - Tele Type
51
54. ALIGNMENT
Some elements have attributes for alignment
(ALIGN) e.g. Headings, Paragraphs and Horizontal
Rules.
The Three alignment values are : LEFT, RIGHT,
CENTER.
<CENTER></CENTER> Will center elements.
54
55. ALIGNMENT
<DIV ALIGN=“value”></DIV> Represents a division in
the document and can contain most other element type.
The alignment attribute of the DIV element is well
supported.
<TABLE></TABLE> Inside a TABLE, alignment can be
set for each individual cell.
55
56. SPECIAL CHARACTERS & SYMBOLS
These Characters are recognized in HTML as they begin with an
ampersand and end with a semi-colon e.g. &value; The value
will either be an entity name or a standard ASCII character
number. They are called escape sequences.
The next table represents some of the more commonly used
special characters.
56
58. SPECIAL CHARACTERS & SYMBOLS
• Additional escape sequences support accented characters, such
as:
• ö
– a lowercase o with an umlaut: ö
• ñ
– a lowercase n with a tilde: ñ
• È
– an uppercase E with a grave accent: È
NOTE: Unlike the rest of HTML, the escape sequences are case
sensitive. You cannot, for instance, use < instead of <.
58
59. ADDITIONAL CHARACTER FORMATTING ELEMENTS
<STRIKE> strike-through text</STRIKE>
DEL is used for STRIKE at the latest browsers
<BIG> places text in a big font</BIG>
<SMALL> places text in a small font</SMALL>
<SUB> places text in subscript position </SUB>
<SUP> places text in superscript style position </SUP>
59
60. EXAMPLE
<P><STRIKE> strike-through text </STRIKE></BR>
<BIG>places text in a big font </BIG><BR>
<SMALL> places text in a small font</SMALL><BR>
<SUB> places text in subscript position </SUB>
Normal
<SUP> places text in superscript style position </SUP><BR> </P>
60
61. LISTS
How to create a variety of lists.
Objectives
Upon completing this section, you should be able to
1. Create an unordered list.
2. Create an ordered list.
3. Create a defined list.
4. Nest Lists.
61
62. LIST ELEMENTS
HTML supplies several list elements. Most list elements are
composed of one or more <LI> (List Item) elements.
UL : Unordered List. Items in this list start with a list mark
such as a bullet. Browsers will usually change the list mark in
nested lists.
<UL>
<LI> List item …</LI>
<LI> List item …</LI>
</UL>
List item …
List item …
62
63. LIST ELEMENTS
You have the choice of three bullet types: disc(default), circle,
square.
These are controlled in Netscape Navigator by the “TYPE”
attribute for the <UL> element.
<UL TYPE=“square”>
<LI> List item …</LI>
<LI> List item …</LI>
<LI> List item …</LI>
</UL>
List item …
List item …
List item …
63
64. LIST ELEMENTS
OL: Ordered List. Items in this list are numbered automatically by
the browser.
<OL>
<LI> List item …</LI>
<LI> List item …</LI>
<LI> List item …</LI>
</OL>
1. List item …
2. List item …
3. List item
You have the choice of setting the TYPE Attribute to one of five
numbering styles.
64
65. LIST ELEMENTS
TYPE Numbering Styles
1 Arabic numbers 1,2,3, ……
a Lower alpha a, b, c, ……
A Upper alpha A, B, C, ……
i Lower roman i, ii, iii, ……
I Upper roman I, II, III, ……
65
66. LIST ELEMENTS
You can specify a starting number for an ordered list.
<OL TYPE =“i”>
<LI> List item …</LI>
<LI> List item …</LI>
</OL>
<P> text ….</P>
<OL TYPE=“i” START=“3”>
<LI> List item …</LI>
</OL>
66
68. LIST ELEMENTS
DL: Definition List. This kind of list is different from the others.
Each item in a DL consists of one or more Definition Terms (DT
elements), followed by one or more Definition Description (DD
elements).
<DL>
<DT> HTML </DT>
<DD> Hyper Text Markup Language </DD>
<DT> DOG </DT>
<DD> A human’s best friend!</DD>
</DL>
HTML
Hyper Text Markup Language
DOG
A human’s best friend!
68
69. NESTING LISTS
You can nest lists by inserting a UL, OL, etc., inside a list item (LI).
Example
<UL TYPE = “square”>
<LI> List item …</LI>
<LI> List item …
<OL TYPE=“i” START=“3”>
<LI> List item …</LI>
<LI> List item …</LI>
<LI> List item …</LI>
<LI> List item …</LI>
<LI> List item …</LI>
</OL>
</LI>
<LI> List item …</LI>
</UL>
69
70. WHAT WILL BE THE OUTPUT?
<H1 ALIGN="CENTER">SAFETY TIPS FOR CANOEISTS</H1>
<OL TYPE=“a” START=“2”>
<LI>Be able to swim </LI>
<LI>Wear a life jacket at all times </LI>
<LI>Don't stand up or move around. If canoe tips,
◦ <UL>
<LI>Hang on to the canoe </LI>
<LI>Use the canoe for support and </LI>
<LI>Swim to shore
</UL> </LI>
<LI>Don't overexert yourself </LI>
<LI>Use a bow light at night </LI>
</OL> 70
72. <H1 ALIGN="CENTER">SAFETY TIPS FOR CANOEISTS</H1>
<OL TYPE="a" START="2">
<LI>Be able to swim </LI>
<LI>Wear a life jacket at all times </LI>
<LI>Don't stand up or move around. If canoe tips,
<UL>
<LI>Hang on to the canoe </LI>
<LI>Use the canoe for support
<OL type="I" start="4">
<LI> Be careful </LI>
<LI> Do not look around</LI>
</LI> </OL>
<LI>Swim to shore
</UL> </LI>
<LI>Don't overexert yourself </LI>
<LI>Use a bow light at night </LI>
</OL>
72
What
will
be the
output?
76. <IMG>This element defines a graphic image on the page.
Image File (SRC:source): This value will be a URL
(location of the image) E.g.
http://www.domain.com/dir/file.ext or /dir/file.txt.
Alternate Text (ALT): This is a text field that describes
an image or acts as a label. It is displayed when they
position the cursor over a graphic image.
Alignment (ALIGN): This allows you to align the image
on your page.
76
77. IMAGES
Width (WIDTH): is the width of the image in pixels.
Height (HEIGHT): is the height of the image in pixels.
Border (BORDER): is for a border around the image, specified
in pixels.
HSPACE: is for Horizontal Space on both sides of the image
specified in pixels. A setting of 5 will put 5 pixels of invisible
space on both sides of the image.
VSPACE: is for Vertical Space on top and bottom of the image
specified in pixels. A setting of 5 will put 5 pixels of invisible
space above and bellow the image.
77
78. SOME EXAMPLES ON IMAGES
1) <IMG SRC=“jordan.gif“ border=4>
2) <IMG SRC=" jordan.gif" width="60"
height="60">
3) <IMG SRC=“jordan.gif" ALT="This is a text that
goes with the image">
4) <IMG SRC=" jordan.gif “ Hspace="30"
Vspace="10" border=20>
5) < IMG SRC =" jordan.gif“ align="left">
blast blast blast blast blast
78
79. ANCHORS, URLS AND IMAGE MAPS
Learn about Uniform Resource Locator, and how to add them as
Anchor or Links inside your web pages.
Objectives
Upon completing this section, you should be able to
1. Insert links into documents.
2. Define Link Types.
3. Define URL.
4. List some commonly used URLs.
5. Plan an Image Map.
79
80. HOW TO MAKE A LINK
1. The tags used to produce links are the <A> and
</A>. The <A> tells where the link should start
and the </A> indicates where the link ends.
Everything between these two will work as a
link.
2. The example below shows how to make the
word
Here work as a link to yahoo.
Click <A HREF="http://www.yahoo.com">here</A>
to go to yahoo.
80
81. MORE ON LINKS
<body LINK="#C0C0C0" VLINK="#808080"
ALINK="#FF0000">
LINK - standard link - to a page the visitor hasn't been
to yet. (standard color is blue - #0000FF).
VLINK - visited link - to a page the visitor has been to
before. (standard color is purple - #800080).
ALINK - active link - the color of the link when the
mouse is on it. (standard color is red - #FF0000).
If the programmer what to change the color
Click <a href="http://www.yahoo.com"><font
color="FF00CC">here</font></a> to go to yahoo. 81
82. INTERNAL LINKS
Internal Links : Links can also be created inside large documents to
simplify navigation. Today’s world wants to be able to get the
information quickly. Internal links can help you meet these goals.
1. Select some text at a place in the document that you would like to
create a link to, then add an anchor to link to like this:
<A NAME=“bookmark_name”></A>
The Name attribute of an anchor element specifies a location in the
document that we link to shortly. All NAME attributes in a document
must be unique.
2. Next select the text that you would like to create as a link to the
location created above.
<A HREF=“#bookmark_name”>Go To Book Mark</A>
82
83. E-MAIL (ELECTRONIC MAIL)
E.g. mailto:kmf@yahoo.com
The type of service is identified as the mail client
program. This type of link will launch the users mail
client.
The recipient of the message is kmf@yahoo.com
<A HREF=“mailto:kmf@yahoo.com”>Send me
More Information </A>
83
85. CLIENT-SIDE IMAGE MAPS
Client-side image maps (USEMAP) use a map file that is part of the HTML document
(in an element called MAP), and is linked to the image by the Web browser.
<IMG SRC="note.GIF" Width=200 Height=200
border="5" USEMAP="#map1">
<MAP NAME="map1">
<AREA SHAPE="RECT" COORDS="0,0,90,90"
HREF="hi.html" ALT="see me…">
<AREA SHAPE="RECT" COORDS="100,100,160,160"
HREF="divPara.html" ALT="see him…" >
<AREA SHAPE="CIRCLE" COORDS="150,50,20"
HREF="house.html" ALT="see it…" >
</MAP>
We can use Poly as well as Rect……
85
86. SHAPES, COORDS
• Types of Shapes
• Rect used for squares and ordered shapes.
• Circle used for circles.
• Poly used for unordered shapes.
• Number of coordenations for each shape:
• Rect 4 numbers for two corners
• Circle 3 numbers for the center & R
• Poly depends on the number of corners of the shape( 2
numbers for each corner)
86
87. TABLES
Objectives:
Upon completing this section, you should be
able to:
1. Insert a table.
2. Explain a table’s attributes.
3. Edit a table.
4. Add a table header.
87
88. TABLES
The <TABLE></TABLE> element has four sub-
elements:
1.Table Row<TR></TR>.
2.Table Header <TH></TH>.
3.Table Data <TD></TD>.
4.Caption <CAPTION></CAPTION>.
The table row elements usually contain table
header elements or table data elements.
88
91. TABLES ATTRIBUTES
BGColor: Some browsers support background colors
in a table.
Width: you can specify the table width as an absolute
number of pixels or a percentage of the document
width. You can set the width for the table cells as well.
Border: You can choose a numerical value for the
border width, which specifies the border in pixels.
CellSpacing: Cell Spacing represents the space
between cells and is specified in pixels.
91
92. TABLE ATTRIBUTES
CellPadding: Cell Padding is the space between the cell border
and the cell contents and is specified in pixels.
Align: tables can have left, right, or center alignment.
Background: Background Image, will be titled in IE3.0 and
above.
BorderColor, BorderColorDark.
92
93. TABLE CAPTION
A table caption allows you to specify a line of text that
will appear centered above or bellow the table.
<TABLE BORDER=1 CELLPADDING=2>
<CAPTION ALIGN=“BOTTOM”> Label For My
Table </CAPTION>
The Caption element has one attribute ALIGN that can
be either TOP (Above the table) or BOTTOM (below
the table).
93
94. TABLE HEADER
• Table Data cells are represented by the TD
element. Cells can also be TH (Table Header)
elements which results in the contents of the table
header cells appearing centered and in bold text.
94
95. TABLE DATA AND TABLE HEADER
ATTRIBUTES
Colspan: Specifies how many cell columns of the table this
cell should span.
Rowspan: Specifies how many cell rows of the table this cell
should span.
Align: cell data can have left, right, or center alignment.
Valign: cell data can have top, middle, or bottom alignment.
Width: you can specify the width as an absolute number of
pixels or a percentage of the document width.
Height: You can specify the height as an absolute number of
pixels or a percentage of the document height.
95
98. TABLE DATA AND TABLE HEADER
ATTRIBUTES
Column 1 Header Column 2 Header
Row 1 Col 1
Row 2 Col 1
Row 2 Col 2
Row 3 Col 2
98
99. SPECIAL THINGS TO NOTE
• TH, TD and TR should always have end tags.
•
Although the end tags are formally optional, many browsers will mess up the formatting of the
table if you omit the end tags. In particular, you should always use end tags if you have a TABLE
within a TABLE -- in this situation, the table parser gets hopelessly confused if you don't close
your TH, TD and TR elements.
• A default TABLE has no borders
By default, tables are drawn without border lines. You need the BORDER attribute to draw the
lines.
• By default, a table is flush with the left margin
TABLEs are plopped over on the left margin. If you want centered tables, You can either: place the
table inside a DIV element with attribute ALIGN="center".
Most current browsers also supports table alignment, using the ALIGN attribute. Allowed values
are "left", "right", or "center", for example: <TABLE ALIGN="left">. The values "left" and "right"
float the table to the left or right of the page, with text flow allowed around the table. This is
entirely equivalent to IMG alignment .
99
100. WHAT WILL BE THE OUTPUT?
<TABLE BORDER width=“750”>
<TR> <TD colspan=“4” align=“center”>Page
Banner</TD></TR>
<TR> <TD rowspan=“2” width=“25%”>Nav Links</TD><TD
colspan=“2”>Feature Article</TD> <TD rowspan=“2”
width=“25%”>Linked Ads</TD></TR>
<TR><TD width=“25%”>News Column 1 </TD> <TD
width=“25%”><News Column 2 </TD></TR>
</TABLE>
100