HTML (Hyper Text Markup Language) is used to build web pages and defines the structure and layout of a web page. The document discusses the overall structure of an HTML document which includes the <html>, <head>, and <body> tags. It also describes various other common tags used in HTML such as <p>, <br>, <font>, and <marquee> and how they are used to structure and style text on a web page.
Intro to HTML & Semantic Markup (Chapter 2 - Sorta Brief Version)Nicole Ryan
The document is a chapter from a textbook on web development that covers HTML syntax and structure. It discusses HTML elements like headings, paragraphs, links, and divisions. It provides examples of common HTML markup and explains concepts like semantic markup, nesting elements properly, and using relative and absolute URLs for linking to pages and resources. The chapter aims to give the reader a quick tour and overview of fundamental HTML elements and concepts.
This document provides an introduction to creating web pages using HTML. It discusses the basic structure of an HTML document including the <head> and <body> tags. It describes important HTML elements like headings, paragraphs, lists, and images. It also covers formatting text using tags like <b>, <i> and inserting hyperlinks. The overall goal is to teach the basics of HTML to create simple yet effective web pages.
HTML is a markup language used to define the structure and layout of web pages. It uses tags to describe paragraphs, headings, lists, links, and other items that make up a web page. Some key HTML tags include <html> to define an HTML document, <head> for metadata, <title> for the page title, <body> for content, headings <h1> through <h6>, paragraphs <p>, links <a>, images <img>, tables <table>, lists <ul> and <ol>, and forms <form>. HTML documents are displayed in web browsers which read the HTML tags and display the corresponding elements on the web page.
A presentation by Peter Tucker, associate professor of math and computer science at
Whitworth University as presented in February 2009 to the Online Journalism Lab.
The document provides an introduction to HTML, covering main HTML elements like headings, paragraphs, lists, links, images and tables. It discusses block-level and text-level elements, and how to create hyperlinks and embed images. Examples are given for different HTML tags and elements like headings, paragraphs, links, images, tables and frames. It also covers HTML form controls like text boxes, passwords, checkboxes, radio buttons, dropdowns and buttons.
HTML is the standard markup language used to create web pages. It provides a structure and layout for text, images, and other content. The document explains the basic components of an HTML page, including the <head> and <body> tags, common text formatting tags, links, lists, and tables. It recommends learning HTML tags through online resources or by examining the source code of existing web pages, and emphasizes starting simply with tags like <head>, <title>, <h2>, and <p>.
Intro to HTML & Semantic Markup (Chapter 2 - Sorta Brief Version)Nicole Ryan
The document is a chapter from a textbook on web development that covers HTML syntax and structure. It discusses HTML elements like headings, paragraphs, links, and divisions. It provides examples of common HTML markup and explains concepts like semantic markup, nesting elements properly, and using relative and absolute URLs for linking to pages and resources. The chapter aims to give the reader a quick tour and overview of fundamental HTML elements and concepts.
This document provides an introduction to creating web pages using HTML. It discusses the basic structure of an HTML document including the <head> and <body> tags. It describes important HTML elements like headings, paragraphs, lists, and images. It also covers formatting text using tags like <b>, <i> and inserting hyperlinks. The overall goal is to teach the basics of HTML to create simple yet effective web pages.
HTML is a markup language used to define the structure and layout of web pages. It uses tags to describe paragraphs, headings, lists, links, and other items that make up a web page. Some key HTML tags include <html> to define an HTML document, <head> for metadata, <title> for the page title, <body> for content, headings <h1> through <h6>, paragraphs <p>, links <a>, images <img>, tables <table>, lists <ul> and <ol>, and forms <form>. HTML documents are displayed in web browsers which read the HTML tags and display the corresponding elements on the web page.
A presentation by Peter Tucker, associate professor of math and computer science at
Whitworth University as presented in February 2009 to the Online Journalism Lab.
The document provides an introduction to HTML, covering main HTML elements like headings, paragraphs, lists, links, images and tables. It discusses block-level and text-level elements, and how to create hyperlinks and embed images. Examples are given for different HTML tags and elements like headings, paragraphs, links, images, tables and frames. It also covers HTML form controls like text boxes, passwords, checkboxes, radio buttons, dropdowns and buttons.
HTML is the standard markup language used to create web pages. It provides a structure and layout for text, images, and other content. The document explains the basic components of an HTML page, including the <head> and <body> tags, common text formatting tags, links, lists, and tables. It recommends learning HTML tags through online resources or by examining the source code of existing web pages, and emphasizes starting simply with tags like <head>, <title>, <h2>, and <p>.
Web Technology Lab files with practicalNitesh Dubey
The document describes several experiments using HTML, CSS, JavaScript, Java, and SQL to develop web applications.
Experiment 1 involves creating a CV using HTML and JavaScript and displaying it on different websites. Experiment 2 creates a student details form in HTML that sends data to a database.
Experiment 3 uses JavaScript to display browser information on a web page. Experiment 4 develops a calculator application using JavaScript.
Experiment 5 defines document type definitions and cascading style sheets to style an XML document about books.
Experiment 6 connects to a database using JDBC and SQL. It retrieves and updates data, designing a simple servlet to query a book database.
HTML is a markup language used to create web pages. It uses tags like <html>, <title>, and <body> that are placed within angled brackets to denote elements on a page. Tags can be container tags, which have an opening and closing tag to surround content, or empty tags which are standalone with no closing tag. When creating an HTML file, it should be saved with a .html or .htm extension and then can be viewed by opening it in a web browser.
Internet Grade 11 tute Part 1 By Raza Malhardeen .pdfRaza Malhardeen
This 3-sentence summary provides an overview of the key points about the Internet from the given document:
The document discusses the basics of how the Internet works, including defining common terms like IP address, domain name, servers, clients, and protocols used for different functions. It explains the process of how a user enters a URL to make a request, how the domain name is resolved to an IP address, and how the server sends back the requested content using the TCP/IP protocol. Common protocols for different functions like HTTP, FTP, and SMTP are also outlined.
Learn HTML and CSS in few steps . Practice an hour daily for good results in 10 days.
Here I am mentioning basic elements , attributes and tags of HTML with styling them
The <div> tag defines sections in an HTML document and is used to group block elements to apply styles. It can contain other tags and attributes like id, class, style, and title can be used to identify and style the <div> section. Common uses include wrapping content in containers with specific backgrounds, alignments, or other styles.
This document provides an outline and introduction to HTML elements and tags. It discusses the basic structure of an HTML page and defines key elements like headings, paragraphs, links, images, lists, forms and more. Each element is explained with examples to demonstrate how they are used to structure content and apply semantics and formatting to a web page. The document establishes that HTML elements tell the browser how to display content on a page and are composed of opening and closing tags.
HTML (Hypertext Markup Language) is the standard markup language used to create web pages. An HTML file uses tags to structure and layout text, images, and other content for display in a web browser. Common HTML tags include headings, paragraphs, lists, links, images, forms, and tables. The basic structure of an HTML file includes the <html>, <head>, and <body> tags.
This slide guides through the differences of the Span and Div tags in HTML.
I started a channel on YouTube for Networking lovers. "VERY SIMPLE NETWORKING" SERIES can be found at http://www.youtube.com/bgccnadom.
THANK YOU FOR YOUR SUPPORT AND LIKES.
Web Visualization with HTML5, CSS3, and JavaScript is the course with the rapidly changing web
development technologies, it has become important to stay in line with them to progress within the industry,
which is why this course in web virtualization has been brought to you to spruce up your web designing and
animating skills using HTML5, CSS3 and JavaScript. The latest features of HTML5, CSS3 and JavaScript is set
to be provided to you through this course, hence, it is desired that you have basic knowledge on these
programming languages for a smoother learning experience.
This course will start off by walking you through the CSS3 virtualization techniques to design and
animate webs. You will be taught how to create a 3D element using CSS transition and to transform animates
into 2D and 3D, along with an insight into the elements of scalable vector graphics which is needed to create basic
images and polygons and to animate.
Our tutors will further take you through the canvas aspects of HTML5 to start drawing grids and
animations using it. You will also get to learn how to create a callback and create and activate a queue that is
needed in animating and the animation libraries that will be essential to your web designing projects. By the end
of this course, you will have an outstanding knowledge of web visualization using HTML5, CSS3 and
JavaScript to secure yourself a prominent place within the web development industry.
The document provides an introduction to HTML elements, tags, and attributes. It discusses common HTML elements like paragraphs, headings, and line breaks. It explains how to use opening and closing tags to define elements in an HTML document. Attributes are described which can customize elements, such as align attributes to control text alignment. The document also gives examples of how to code basic HTML elements and attributes.
The document discusses various HTML tags and concepts including:
- Basic HTML tags like <html>, <head>, <title>, <body>
- Formatting tags like <b>, <i>, <u> for bold, italic, underline
- Paragraph tags <p> and line break <br>
- Headings tags <h1> to <h6>
- Attributes for the <body> and <font> tags to control text and background colors
- Hyperlinks using the <a> tag and relative vs absolute links
- The <marquee> tag for animated scrolling text
The <div> tag defines sections on an HTML page and is used to group other elements. It has no inherent styling but can be styled using classes, IDs, or inline styles. Any content can be placed inside a <div> tag, which browsers separate with line breaks. Examples are provided of using <div> tags with inline and external styles to format text sections with different backgrounds and fonts.
Hypertext Markup Language (HTML) is a markup language that is used to structure and present content on the World Wide Web. It was created by Tim Berners-Lee in 1980. The document defines various HTML tags such as headings, paragraphs, bold, italics, lists, images, and links. It provides examples of how to use each tag, including the opening and closing syntax. Common tags discussed include <h1> for main headings, <p> for paragraphs, <b> for bold text, <i> for italics, <ol> for ordered lists, <ul> for unordered lists, and <a> for creating links between pages.
Series of articles written by me for Vidusara Science Magazine, Sri Lanka [2012]; sharing for all those who like to learn the basics of Data Structures and Algorithms in Sinhala.
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.
Matery training ICT ( IN Circuit Test Machine)Arif Aji
This document provides an overview of the measurement theory and operation of an in-circuit tester for testing electronic components. It discusses:
1. The basic components of the tester including the analog meter display, mode-range selection switch, and test pins that connect to fixtures.
2. How different components such as resistors, capacitors, coils, diodes, and transistors are tested using various modes like constant voltage, constant current, and AC measurement.
3. The use of a relay board to connect the tester leads to different pins on a fixture without physically moving leads, allowing automated testing of multiple components.
HTML is a markup language used to define the structure and layout of web pages. HTML uses tags to annotate text, images, and other content for display in a web browser. Some key HTML tags include <h1> for main headings, <p> for paragraphs, <a> for links, <img> for images, <ul> and <ol> for unordered and ordered lists. CSS can be used to style and lay out HTML elements.
Web Technology Lab files with practicalNitesh Dubey
The document describes several experiments using HTML, CSS, JavaScript, Java, and SQL to develop web applications.
Experiment 1 involves creating a CV using HTML and JavaScript and displaying it on different websites. Experiment 2 creates a student details form in HTML that sends data to a database.
Experiment 3 uses JavaScript to display browser information on a web page. Experiment 4 develops a calculator application using JavaScript.
Experiment 5 defines document type definitions and cascading style sheets to style an XML document about books.
Experiment 6 connects to a database using JDBC and SQL. It retrieves and updates data, designing a simple servlet to query a book database.
HTML is a markup language used to create web pages. It uses tags like <html>, <title>, and <body> that are placed within angled brackets to denote elements on a page. Tags can be container tags, which have an opening and closing tag to surround content, or empty tags which are standalone with no closing tag. When creating an HTML file, it should be saved with a .html or .htm extension and then can be viewed by opening it in a web browser.
Internet Grade 11 tute Part 1 By Raza Malhardeen .pdfRaza Malhardeen
This 3-sentence summary provides an overview of the key points about the Internet from the given document:
The document discusses the basics of how the Internet works, including defining common terms like IP address, domain name, servers, clients, and protocols used for different functions. It explains the process of how a user enters a URL to make a request, how the domain name is resolved to an IP address, and how the server sends back the requested content using the TCP/IP protocol. Common protocols for different functions like HTTP, FTP, and SMTP are also outlined.
Learn HTML and CSS in few steps . Practice an hour daily for good results in 10 days.
Here I am mentioning basic elements , attributes and tags of HTML with styling them
The <div> tag defines sections in an HTML document and is used to group block elements to apply styles. It can contain other tags and attributes like id, class, style, and title can be used to identify and style the <div> section. Common uses include wrapping content in containers with specific backgrounds, alignments, or other styles.
This document provides an outline and introduction to HTML elements and tags. It discusses the basic structure of an HTML page and defines key elements like headings, paragraphs, links, images, lists, forms and more. Each element is explained with examples to demonstrate how they are used to structure content and apply semantics and formatting to a web page. The document establishes that HTML elements tell the browser how to display content on a page and are composed of opening and closing tags.
HTML (Hypertext Markup Language) is the standard markup language used to create web pages. An HTML file uses tags to structure and layout text, images, and other content for display in a web browser. Common HTML tags include headings, paragraphs, lists, links, images, forms, and tables. The basic structure of an HTML file includes the <html>, <head>, and <body> tags.
This slide guides through the differences of the Span and Div tags in HTML.
I started a channel on YouTube for Networking lovers. "VERY SIMPLE NETWORKING" SERIES can be found at http://www.youtube.com/bgccnadom.
THANK YOU FOR YOUR SUPPORT AND LIKES.
Web Visualization with HTML5, CSS3, and JavaScript is the course with the rapidly changing web
development technologies, it has become important to stay in line with them to progress within the industry,
which is why this course in web virtualization has been brought to you to spruce up your web designing and
animating skills using HTML5, CSS3 and JavaScript. The latest features of HTML5, CSS3 and JavaScript is set
to be provided to you through this course, hence, it is desired that you have basic knowledge on these
programming languages for a smoother learning experience.
This course will start off by walking you through the CSS3 virtualization techniques to design and
animate webs. You will be taught how to create a 3D element using CSS transition and to transform animates
into 2D and 3D, along with an insight into the elements of scalable vector graphics which is needed to create basic
images and polygons and to animate.
Our tutors will further take you through the canvas aspects of HTML5 to start drawing grids and
animations using it. You will also get to learn how to create a callback and create and activate a queue that is
needed in animating and the animation libraries that will be essential to your web designing projects. By the end
of this course, you will have an outstanding knowledge of web visualization using HTML5, CSS3 and
JavaScript to secure yourself a prominent place within the web development industry.
The document provides an introduction to HTML elements, tags, and attributes. It discusses common HTML elements like paragraphs, headings, and line breaks. It explains how to use opening and closing tags to define elements in an HTML document. Attributes are described which can customize elements, such as align attributes to control text alignment. The document also gives examples of how to code basic HTML elements and attributes.
The document discusses various HTML tags and concepts including:
- Basic HTML tags like <html>, <head>, <title>, <body>
- Formatting tags like <b>, <i>, <u> for bold, italic, underline
- Paragraph tags <p> and line break <br>
- Headings tags <h1> to <h6>
- Attributes for the <body> and <font> tags to control text and background colors
- Hyperlinks using the <a> tag and relative vs absolute links
- The <marquee> tag for animated scrolling text
The <div> tag defines sections on an HTML page and is used to group other elements. It has no inherent styling but can be styled using classes, IDs, or inline styles. Any content can be placed inside a <div> tag, which browsers separate with line breaks. Examples are provided of using <div> tags with inline and external styles to format text sections with different backgrounds and fonts.
Hypertext Markup Language (HTML) is a markup language that is used to structure and present content on the World Wide Web. It was created by Tim Berners-Lee in 1980. The document defines various HTML tags such as headings, paragraphs, bold, italics, lists, images, and links. It provides examples of how to use each tag, including the opening and closing syntax. Common tags discussed include <h1> for main headings, <p> for paragraphs, <b> for bold text, <i> for italics, <ol> for ordered lists, <ul> for unordered lists, and <a> for creating links between pages.
Series of articles written by me for Vidusara Science Magazine, Sri Lanka [2012]; sharing for all those who like to learn the basics of Data Structures and Algorithms in Sinhala.
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.
Matery training ICT ( IN Circuit Test Machine)Arif Aji
This document provides an overview of the measurement theory and operation of an in-circuit tester for testing electronic components. It discusses:
1. The basic components of the tester including the analog meter display, mode-range selection switch, and test pins that connect to fixtures.
2. How different components such as resistors, capacitors, coils, diodes, and transistors are tested using various modes like constant voltage, constant current, and AC measurement.
3. The use of a relay board to connect the tester leads to different pins on a fixture without physically moving leads, allowing automated testing of multiple components.
HTML is a markup language used to define the structure and layout of web pages. HTML uses tags to annotate text, images, and other content for display in a web browser. Some key HTML tags include <h1> for main headings, <p> for paragraphs, <a> for links, <img> for images, <ul> and <ol> for unordered and ordered lists. CSS can be used to style and lay out HTML elements.
Origins and evolution of HTML and XHTML by Tanvir Zafar.
HTML is the Basic web design language.
Learn more about HTML at http://howpk.com/introduction-to-html/
HTML5 is a language for structuring and presenting content for the World Wide Web. it is the fifth revision of the HTML standard (created in 1990 and standardized as HTML4 as of 1997) and as of February 2012 is still under development. Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (web browsers, parsers, etc.). It improves interoperability and reduces development costs by making precise rules on how to handle all HTML elements, and how to recover from errors
HTML (Hypertext Markup Language) is used to define the structure and layout of web pages using a variety of tags and attributes. Some key points covered are:
- HTML documents use tags like <html> enclosed in angle brackets to describe headings, paragraphs, links, images, and other content.
- Tags normally come in pairs with opening and closing tags.
- HTML can be used to format text, add images and tables, create lists and forms, structure pages using divs and frames, and more.
- CSS (Cascading Style Sheets) is often used to define styles and layouts, separate from HTML content.
- Forms allow users to enter data through
The document discusses XHTML 1.0, which is an XML-based markup language that extends HTML. It defines XHTML as a family of current and future document types that reproduce, subset, and extend HTML 4. The document outlines the rules for XHTML documents, provides an example of valid XHTML code, and describes various elements and tags that can be used in XHTML such as links, images, lists, and tables.
Real-time DirectTranslation System for Sinhala and Tamil Languages.Sheeyam Shellvacumar
Presented my research on "Real-time DirectTranslation System for Sinhala and Tamil Languages" at the FedCSIS 2015 Research Conference hosted by University of Lodz, Poland from 13 - 17th of September 2015.
The document provides an introduction to HTML and XHTML, including:
1. HTML and XHTML are used to structure text and add multimedia elements to web pages. Web browsers interpret the code to display the page.
2. A typical web page contains elements like text, images, links, forms, etc. Content can be static or dynamically generated.
3. Authoring tools and knowledge of HTML/XHTML syntax are needed to implement web page designs and structure content with tags.
XHTML is the next generation of HTML that combines HTML and XML. It aims to replace HTML by being a stricter, cleaner version that conforms to XML standards. Key differences from HTML include elements must be properly nested, documents must be well-formed, tag names must be lowercase, and all elements must be closed. There are three document type definitions for XHTML: Strict, Transitional, and Frameset.
1. The document discusses C++ computer programming and how C++ can be used for programming computers.
2. C++ was developed as an enhancement to the C programming language and incorporates object-oriented programming. It allows programmers to write complex applications like media players.
3. C++ builds on C by supporting classes, objects, inheritance and other object-oriented features that are not present in C. This allows programmers to structure their code in a more organized object-oriented way.
This chapter introduces XHTML and covers:
- The transition from HTML to XHTML and XML syntax requirements
- The anatomy of a web page including head, body, and DTD sections
- Common inline and block-level tags for formatting text and elements
- Special characters and how to display them
- Creating hyperlinks within and between pages using absolute and relative linking
XHTML was created to replace HTML and is defined using XML rather than SGML. It is nearly identical to HTML but aims to be cleaner and more extensible by requiring elements to be properly nested, closed, and case-sensitive. Documents must also have a DOCTYPE declaration and refer to a DTD that defines syntax requirements. There are three main DTDs that can be used with XHTML - Strict, Transitional, and Frameset - depending on whether style information or frames are needed.
The document discusses the basic syntax and structure of HTML documents. It covers the main components of HTML including:
1. The DOCTYPE declaration which identifies the document type
2. Elements which contain the content and are wrapped in tags
3. Attributes which provide extra information about elements
4. Comments for annotating the code
It provides examples of basic HTML code including the skeleton of an HTML document with headings, paragraphs, lists, links, and other common elements.
This document provides an introduction to HTML (Hypertext Markup Language) and describes some basic HTML tags and elements. It discusses how to structure an HTML document using tags like <html>, <head>, <title>, and <body>. It also covers text formatting tags, headings, paragraphs, hyperlinks, images, and more. The document contains examples of HTML code and the rendered output to demonstrate how various tags are used.
This document compares HTML4 and HTML5, discussing their versions over time. It notes that HTML5 introduced new structures like drag and drop, can embed video/audio without Flash, and handles inaccurate syntax, while HTML4 used older structures and required Flash for media. HTML5 also introduced new APIs, tags, and features like local storage that enhanced flexibility, while HTML4 had more limited traditional APIs and no local storage capability.
1. The document discusses computers and provides information about the different parts of a computer like hardware, software and liveware.
2. It defines hardware as the physical parts of the computer like keyboard, mouse, monitor etc. It categorizes hardware into input devices, output devices, processing devices and storage devices.
3. Software is defined as the programs that make the hardware work. The document discusses operating systems and application software.
4. It provides steps to operate basic computer functions like starting and shutting down the computer, using applications like Paint and creating/managing folders.
This document provides an introduction to HTML. It defines key terms like HTML, URL, and browser. It explains that HTML is the language used to create web pages and is made up of tags enclosed in angle brackets. It discusses the basic structure of an HTML document using tags like <html>, <head>, <title>, and <body>. It also describes common text formatting tags and elements used in HTML like headings, paragraphs, line breaks, and bold/italic text. The document is intended as a beginner overview of HTML concepts and syntax.
This document provides an introduction to HTML basics. It explains that HTML is a markup language used to define the structure and layout of web pages. It describes important HTML tags like <h1> for headings, <p> for paragraphs, <a> for links, and <img> for images. It also covers other fundamental HTML elements, text formatting tags, and different types of lists like unordered, ordered, and definition lists. The document uses examples to demonstrate how to properly structure HTML code and shows the output of different HTML elements and tags.
The document discusses HTML (Hypertext Markup Language), the standard markup language used to create web pages. It provides an overview of HTML, including that HTML uses tags to identify and structure content, allows for embedding of multimedia, and is an evolving standard maintained by the W3C. Key HTML elements are described such as the <head> and <body> tags which define the document structure, and other common tags for text formatting, lists, links, images and tables.
This document provides an introduction to HTML and XHTML. It defines HTML as the language used to structure text-based information in a document, and XHTML as an updated version of HTML that incorporates XML syntax. It describes the basic content that can be included in web pages, such as text, images, lists, and forms. It also explains how to properly structure an XHTML document using tags, and provides examples of common text formatting tags and other elements like headings, paragraphs, hyperlinks, and lists.
The document provides instructions for updating initial PHP, HTTPD, and MySQL configuration files. Key points include:
- Setting the PHP error_reporting level and enabling access from other computers in PHP.ini and httpd.conf.
- Increasing PHP and MySQL configuration values such as post_max_size, upload_max_filesize, max_execution_time, max_input_time, and memory_limit.
- Increasing the MySQL execution time limit configuration value.
This document provides an overview of HTML, CSS, and JavaScript. It discusses how HTML is used to define the structure and layout of web pages using markup tags, how CSS is used to style web pages, and how JavaScript can be used to add interactive elements. It also covers common HTML tags for headings, paragraphs, lists, and other content sections. Key elements like <head> and <body> are explained along with common tags used in each section.
HSC INFORMATION TECHNOLOGY CHAPTER 1 ADVANCED WEB DESIGNING PART I.pdfAAFREEN SHAIKH
The document provides information about HTML (Hypertext Markup Language) including:
- HTML is used to structure and present content on the World Wide Web and is made up of elements identified by tags.
- Common HTML elements include <head>, <title>, <body>, <h1>-<h6> for headings, and <p> for paragraphs.
- The document discusses HTML tags, attributes, formatting tags, images, symbols and provides examples of basic HTML pages and code.
This document provides an introduction to HTML (Hypertext Markup Language), which is the standard markup language used to create web pages. It explains that HTML is not a programming language but a markup language that uses tags to describe and structure the content of web pages. The document then demonstrates basic HTML tags and elements like headings, paragraphs, line breaks, and horizontal rules through examples and provides information on other tags for text formatting, alignment, special characters and more.
The document provides an introduction to HTML (Hypertext Markup Language) by explaining some key concepts:
HTML is used to create web pages and is made up of markup tags rather than a programming language. It describes the structure of a web page using elements like headings, paragraphs, links, images, lists and tables. The document then demonstrates and explains the use of various HTML tags through examples of code and the resulting web page output.
HTML (Hypertext Markup Language) is a language used to describe the structure of web pages and allows the author to add text, images, and hyperlinks to web pages. It was created by Tim Berners-Lee in 1989 and is the most commonly used language for writing web pages today. HTML uses tags to provide instructions to web browsers on how to display text, images, and other content. Examples of common HTML tags include <html> to define an HTML document, <head> for metadata, <title> for the page title, and <body> for the visible page content.
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.
Web design involves creating websites and encompasses webpage layout, content production, and graphic design. It uses client-side technologies like HTML, CSS, and JavaScript that only require a text editor and browser, as well as server-side languages like PHP, Java, and Python that require additional server programs. HTML is the core markup language that defines the structure and layout of a web page using elements like headings, paragraphs, lists, links, images, and tables. Frames allow dividing the browser window into independent sections to organize content. Forms are used to collect user input through elements such as text fields, textareas, radio buttons, and submit buttons.
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 the standard markup language used to create web pages. HTML documents are composed of elements like headings, paragraphs, links etc that provide structure and meaning. A web browser reads the HTML tags and displays the page by interpreting the tags. Common HTML elements include headings, paragraphs, images, hyperlinks, tables, forms and lists that are used to structure and layout the content on a web page.
HTML is a markup language used to define the structure and layout of web pages. HTML uses tags to mark elements like headings, paragraphs, links, images, and tables. Some key tags include:
<h1> for main headings, <p> for paragraphs, <a> for links, <img> for images, and <table> for tables. Elements are everything between a starting and ending tag. HTML documents contain tags and plain text and are displayed in web browsers.
Presentation of Hyper Text Markup LanguageJohnLagman3
This document provides an introduction to HTML (Hypertext Markup Language) by explaining some key concepts:
HTML uses markup tags to structure and present content in a web browser. It is not a programming language but a markup language with tags like <html> and <body>. The document describes common HTML elements for text formatting, images, tables, lists and forms. It includes code examples to demonstrate how each element is used.
The document provides an introduction to HTML (Hypertext Markup Language) and common HTML tags used to structure and format web pages. It explains that HTML is used to create web pages and is made up of markup tags, not programming code. It then demonstrates and describes many basic HTML tags for headings, paragraphs, text formatting, images, tables, and lists. Examples of HTML code are provided along with the rendered output to illustrate how each tag works.
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 information on HTML (Hypertext Markup Language) including:
- HTML is used to define the structure and layout of a web page using tags like <html> and <body>
- Tags can be used to format text styles like <b> for bold, <i> for italic, and <font> for color and size
- Additional tags organize content like <h1> - <h6> for headings, <p> for paragraphs, and <br> for line breaks
Similar to HTML Web design english & sinhala mix note (20)
How to Manage Your Lost Opportunities in Odoo 17 CRMCeline George
Odoo 17 CRM allows us to track why we lose sales opportunities with "Lost Reasons." This helps analyze our sales process and identify areas for improvement. Here's how to configure lost reasons in Odoo 17 CRM
Thinking of getting a dog? Be aware that breeds like Pit Bulls, Rottweilers, and German Shepherds can be loyal and dangerous. Proper training and socialization are crucial to preventing aggressive behaviors. Ensure safety by understanding their needs and always supervising interactions. Stay safe, and enjoy your furry friends!
Macroeconomics- Movie Location
This will be used as part of your Personal Professional Portfolio once graded.
Objective:
Prepare a presentation or a paper using research, basic comparative analysis, data organization and application of economic information. You will make an informed assessment of an economic climate outside of the United States to accomplish an entertainment industry objective.
This presentation includes basic of PCOS their pathology and treatment and also Ayurveda correlation of PCOS and Ayurvedic line of treatment mentioned in classics.
Executive Directors Chat Leveraging AI for Diversity, Equity, and InclusionTechSoup
Let’s explore the intersection of technology and equity in the final session of our DEI series. Discover how AI tools, like ChatGPT, can be used to support and enhance your nonprofit's DEI initiatives. Participants will gain insights into practical AI applications and get tips for leveraging technology to advance their DEI goals.
Main Java[All of the Base Concepts}.docxadhitya5119
This is part 1 of my Java Learning Journey. This Contains Custom methods, classes, constructors, packages, multithreading , try- catch block, finally block and more.
A Strategic Approach: GenAI in EducationPeter Windle
Artificial Intelligence (AI) technologies such as Generative AI, Image Generators and Large Language Models have had a dramatic impact on teaching, learning and assessment over the past 18 months. The most immediate threat AI posed was to Academic Integrity with Higher Education Institutes (HEIs) focusing their efforts on combating the use of GenAI in assessment. Guidelines were developed for staff and students, policies put in place too. Innovative educators have forged paths in the use of Generative AI for teaching, learning and assessments leading to pockets of transformation springing up across HEIs, often with little or no top-down guidance, support or direction.
This Gasta posits a strategic approach to integrating AI into HEIs to prepare staff, students and the curriculum for an evolving world and workplace. We will highlight the advantages of working with these technologies beyond the realm of teaching, learning and assessment by considering prompt engineering skills, industry impact, curriculum changes, and the need for staff upskilling. In contrast, not engaging strategically with Generative AI poses risks, including falling behind peers, missed opportunities and failing to ensure our graduates remain employable. The rapid evolution of AI technologies necessitates a proactive and strategic approach if we are to remain relevant.
This slide is special for master students (MIBS & MIFB) in UUM. Also useful for readers who are interested in the topic of contemporary Islamic banking.
Digital Artefact 1 - Tiny Home Environmental Design
HTML Web design english & sinhala mix note
1. HTML (Hyper Text Mark up Language)
Web Design
What is HTML?
Hyper Text Mark up Language is the tool, used to build web pages.(Hypertext with
text with links to more links)(mark up code within document that represents its
intended structure)HTML is a collection platform independent styles that defend
the various components of a world wide web document.
What an HTML Document is,
HTML Documents are plain text(also Known an ASCII) files that can be created using any text
editor( e.g. Emacs or version on Unix machines . Simple Text on a Macintosh, Notepad on a
windows machine) you can also use word processing software if you remember to save your
document as “Text only with line breaks.
HTML Document
Every Html document should contain standard HTML tags. Each document consists of head and
body text. The head contains the title, and the body contains the actual text that is made up of
paragraphs, lists, and other elements. Browsers expect specific information because they are
programmed according to HTML and SGML specifications.
Overall Structure of HTML
Tag Is a markup text
Ex:
<html>
-All HTML document have three document level tags
<head>
<body>
Tags delimit certain sections of HTMLdocument
</body>
</html>
What are Tags
To denote the various element in an HTML document.we use tags. An HTML tag consist of a
left angle bracket and (<), a tag name, and a right angle bracket (>),[eg : <HTML>] Tags are
usually paired . [Eg.<HTML>&<//HTML>] to start and end the tag instruction.The end tag
looks just like the start tag except a slash (/) precede the text within the brackets
Mark Up Tags
<HTML>&</HTML> : Contains the whole of the HTML document. This element
tells your browser that the file contain HTML coded
information(Usually first & last tags)
<HEAD>&</HEAD> :Delimits the beginning and ending of the document’s head.
The Title is shown as part of your browser’s windows.
<TITLE>&</TITLE> : create the HTML document s title identifies its context.
This tag is vary important and should always be used.(Unless
the document is part of a frame set)
<BODY>&</BODY> : The second-end largest-part of your HTML document is the
Body contains the content of document.
2. The <html> Tag
The <html> tag surrounds the entire HTML document. This tag tells the client browser
where the document begins and ends.
<html>
…..document contents …
</html>
The <head> Tag
The <head> tag delimits the heading of the HTML document.
The heading section of the document contains certain heading information for the
document.
The document's title , meta information, and in most cases, document scripts are all contained in
the <head> section
Type of main Tag
1. Body tags
2. Format Tags
3. List Tags
4. Image Tags
Body tags
There are including under Title ,paragraph, List, Table and Images
අරම්භය <Body>
------Statement ---->
අවසානය </Body>
…………………….
<BODY> - Tag syntax
< BODY
Bgcolor = “color”
Text =”color”
Link =”color”
Background =”Filename.extension”>
………………
………………..document text
</BODY>
Body Tag Attributes
I. Bgcolor = background color
II. Text = Text color
3. III. Background =background picture file
IV. Link =Hyperlink text color
i. Bgcolor ( background color) -වේබ් පිටුවල පසු බිම වර්ණ ගැනවිම සදහා වයොදා ගැවේ.
1 Program
<Html>
<body bgcolor = “black”>
……………………
…………………..
</BODY>
</HTML>
ii. Text( Text color)
වමමගිේ Text එකක් සදහා වර්ණ ගැේවේ.
2 . Program
<Html>
<body bgcolor = “black”
TEXT = “RED”>
welcome
…………………..
</BODY>
</HTML>
iii. Background (background picture file)
වේබ් පිටුවල පසු බිමට image වයොදා ගත හැක.
වම් සදහා jpg/jpeg or Bmp type ඇති image වයොදා ගැවේ.
3 . Program
<Html>
<body Background = “world.jpg”
TEXT = “RED”>
welcome
…………………..
</BODY>
</HTML>
Color
There are two type color code
i. Standard Color
There are using 16 color code
Black Maroon Green blue
Sliver red lime teal
Gray purple olive navy
White fuchsia yellow aqua
ii. Hexadecimal
There are using RGB color code
4. Red, Green, Blue, යන ප්රධාාන වර්ණ ුනනට
A –F දක්වා අක්ෂර වදක ද
0 – 9දක්වා ඉලක්කම් වදක ද
Hexadecimal වර්ණ 256 ක පමන වර්ණ නිපදවයි.
ඒ අනුව.
Red #FF0000
Green #00FF00
BLUE #0000FF
WHITE #FFFFFF
Black #000000
Red green blue
00 00 00 Black
FF 00 00 Bright Red
00 FF 00 BRIGHT GREEN
80 00 00 Dark Red
00 80 00 Dark Green
00 00 80 Dark Blue
Ff ff 00 bight yellow
80 80 00 Brown
FF 00 FF Magenta
80 80 80 Gray
Program
<Html>
<body bgcolor = “#FF00FF”
TEXT = “#ggff00”>
Welcome my web
</BODY>
</HTML>
<Head><Title> Tag
Defines the title of a page.
This text does not appear in your web page, but appears in the title bar of the
browser and when the page
is bookmarked.
The TITLE must be defined in the HEAD of the document. Only one
TITLE can be used in each page.
Program
<HTML>
<HEAD>
<TITLE>
EXAMPLE FOR BODY TAG
</TITLE>
</HEAD>
<BODY
5. BACKGROUND=”GLASS.JPG”
TEXT=”BLACK”>
WELCOME MY WEB
</BODY>
</HTML>
---------------------------------------------------------------
<BR> - this tag is using line Break tag
Program
<HTML>
<HEAD>
<TITLE>
EXAMPLE FOR line break TAG
</TITLE>
</HEAD>
<BODY>
WELCOME <BR> My First web
</BODY>
</HTML>
-----------------------------------------------------------------
<p> -tag
This is using divide in paragraph, and setting alignment.
1. <p>
2. <p align= “left”>
3. <p align=” right”>
4. <p align=” center”>
5. <p align=” justify>
Program(6)
<HTML>
<HEAD>
<TITLE>
EXAMPLE FOR align paragrph TAG
</TITLE>
</HEAD>
<BODY>
This chapter describe the contents of the support CD-ROM that comes with the
mainboard package.
The support CD-ROM contains all useful software necessary drivers and utility
program to properly run our products
More program information is available in a README file Loacted in the same
directory as the software.
</BODY>
</HTML>
Program(7)
<HTML>
<HEAD>
6. <TITLE>
EXAMPLE FOR align paragraph TAG
</TITLE>
</HEAD>
<BODY>
<p>This chapter describe the contents of the support CD-ROM that comes with
the mainboard package.
<p>The support CD-ROM contains all useful software necessary drivers and
utility program to properly run our products
<p>More program information is available in a README file Loacted in the
same directory as the software.
</BODY>
</HTML>
--------------------------------------------------------------------------
Center tag <Center> ………………….</center>
<HTML>
<HEAD>
<TITLE>
EXAMPLE FOR center TAG
</TITLE>
</HEAD>
<BODY>
<center> Welcome </center><br>
<p>This chapter describe the contents of the support CD-ROM that comes with
the mainboard package.
<p>The support CD-ROM contains all useful software necessary drivers and
utility program to properly run our products
<p>More program information is available in a README file Loacted in the
same directory as the software.
</BODY>
</HTML>
------------------------------------------------------
`
<HR> tag
වේබ් පිටුවල ඉරි ඇදීම සදහා වමම ටැග් එක වයොදා ගැවේ. වම් සදහා ක්රම ිහිපපයක් ම <HR> tag
වයොදා ගැවේ.
<HTML>
<HEAD>
<TITLE>
EXAMPLE FOR HRTAg
</TITLE>
</HEAD>
<BODY>
<center> Welcome </center><br><HR>
7. My first web site
</BODY>
</HTML>
------------------------------------
<HR>tag එක සදහා වයවදන වයදුම් ිහිපපයක් විස්ථර පහත දැක්වේ
1. Size
2. Width
3. Align
4. No shade
5. Color
1.Size
වමිපදී එක් එක් ප්රමාන විනේ ුකක්ත තිැ සකස් කල හැිහය.
<HTML>
<HEAD>
<TITLE>
EXAMPLE FOR HRTAg
</TITLE>
</HEAD>
<BODY>
<center> Welcome </center><br>
<HRSize = “1”>
<HRSize = “5”>
<HRSize = “10”>
My first web site
<HRSize = “20”>
<HRSize = “50%”>
</BODY>
</HTML>
---------------------------------------------------
8. 2. width
වයොදනු ලබන ඉවර් දිග තිරණය ිහරිමට වම මගිේ හැිහ වේ.
<HTML>
<HEAD>
<TITLE>
EXAMPLE FOR HRTAg
</TITLE>
</HEAD>
<BODY>
<center> Welcome </center><br>
<HRWidth = “10%”>
<HRWidth = “20%”>
<HRWidth = “30%”>
</BODY>
</HTML>
----------------------------------------------------
3.Align
<HTML>
<HEAD>
<TITLE>
EXAMPLE FOR HRTAg
</TITLE>
</HEAD>
<BODY>
<center> Welcome </center><br>
<HRWidth = “10%”>
<HRWidth = “20%” align= “left”>
<HRWidth = “30%”align= “right”>
</BODY>
</HTML>
----------------------------------------------------------
5. Noshade
<HTML>
<HEAD>
<TITLE>
EXAMPLE FOR HRTAg
</TITLE>
</HEAD>
<BODY>
<center> Welcome </center><br>
<HR Size = “1”noshade>
<HR Size = “5”noshade>
<HR Size = “10”noshade>
My first web site
</BODY>
</HTML>
--------------------------------------
9. 5.color
<HTML>
<HEAD>
<TITLE>
EXAMPLE FOR HRTAg
</TITLE>
</HEAD>
<BODY>
<center> Welcome </center><br>
<HR Size = “50” color=”66hhll”>
<HR Size = “50” color=”Red”>
<HR Size = “25” color=”green”>
</BODY>
</HTML>
2.Format tags
There are three type main tag
1. Font tag
2. Text style tag
3. Heading Tag
Font Tag - <font size = “5”> statement……..</font>
< font color=”Red”> statement………</font>
<Font size= “12” color= “red”>statement………</font>
<Font face= “Arial” size= “12” color= “Red”>statement………</font>
Program
<HTML>
<HEAD>
<TITLE>
EXAMPLE FOR center TAG
</TITLE>
</HEAD>
<BODY>
<center><Font size= “20” color= “red”>Welcome</font></center><br>
<p><Font face= “Arial” size= “12” color= “blue”>This chapter describe the
contents of the support CD-ROM that comes with the mainboard package.
</font></p>
<p>< font color=”Green”>The support CD-ROM contains all useful software
necessary drivers and utility program to properly run our products</Font></p>
<p>More program information is available in a README file Located in the
same directory as the software.
</BODY>
</HTML>
------------------------------------------------
10. 2. Text style
1. <B> - Bold <B>………TEXT…………..</B>
2. <I>- Italic <I>…….....TEXT…………..</I>
3. <U> Underline <U> ….....TEXT…………..</U>
4. <TT> type writer text <TT>…….....TEXT……..</TT>
5. <EM> Logical Emphasis Style <EM>………Text……….</EM>
6. <Strong> Logical strong emphasis
7. <BIG> Enlarge text
8. <small> small text
9. <S> strike out
10. <blink> blink text (using Firefox Browser )
11. <marquee> horizontal scrolling text
12. <sus> superscript
13. <sub> subscript
Marquee Tag
වේබ් පිටුවල හරස් අකුැ වේළියක් වැනි වකොටස් ගමේ කරවිමට ඔබට අවශ්ය නම් වමම ක්රමය
වයොදා ගත හැිහය.
WIDTH: how wide the marquee is
HEIGHT: how tall the marquee is
DIRECTION: which direction the marquee should scroll
BEHAVIOR: what type of scrolling
SCROLLDELAY: how long to delay between each jump
SCROLLAMOUNT: how far to scroll
LOOP: how many times to loop (default=infinite)
BGCOLOR: background color
HSPACE: horizontal space around the marquee
VSPACE: vertical space around the marquee
<BIG><TT><BLINK>WELCOME </BLINK></TT><BR><BIG>
<FONT SZE="4" FACE=" ARIAL">
<MARQUEE WIDTH=100% BEHAVIOR=ALTERNATE
BGColor="yellow">This is an example of an alternating
marquee...</MARQUEE></FONT>
<MARQUEE>My First web</MARQUEE><BR>
<FONT SIZE="4" FACE="courier" COLOR=blue>
<MARQUEE WIDTH=100% BEHAVIOR=SCROLL BGColor=yellow LOOP=5>This
is an example of a scrolling marquee...</MARQUEE></FONT>
<FONT SIZE="4" FACE="courier" COLOR=blue>
<MARQUEE WIDTH=100% BEHAVIOR=SLIDE BGColor="yellow">This is an
example
of a sliding marquee...</MARQUEE></FONT><BR>
<FONT SIZE="4" FACE="courier" COLOR="blue" BGCOLOR
11. ="RED">
<MARQUEE WIDTH=100% BEHAVIOR=SCROLL
DIRECTION=RIGHT BGColor=yellow>This is an example of a marquee
scrolling to the right...</MARQUEE></FONT>
</BODY>
</HTML>
Attrubutes:
A HTML marquee can have following attributes:
width: how wide the marquee is. This will have a value like 10 or 20%etc.
height: how tall the marquee is. This will have a value like 10 or 20% etc.
direction: which direction the marquee should scroll. This will have value
either up,down, left or right.
behavior: what type of scrolling. This will have
value scroll, slid and alternate.
scrolldelay: how long to delay between each jump. This will have a value
like 10 etc.
scrollamount: how far to jump. This will have a value like 10 etc.
loop: how many times to loop. The default value is INFINITE, which means
that the marquee loops endlessly.
bgcolor: background color. This will have any color name or color hex
value.
hspace: horizontal space around the marquee. This will have a value like
10 or 20%etc.
vspace: vertical space around the marquee. This will have a value like 10
or 20%etc.
Examples:
Here are few examples to demonstrate the usage of marquee tag.
<marquee>This is basic example of marquee</marquee>
<marquee width="50%">This example will take only 50% width</marquee>
<marquee direction="right">This text will scroll from left to right</marquee>
<marquee direction="up">This text will scroll from bottom to up</marquee>
12. HTML Marquees • Marquee Codes for Myspace
The following Marquee html tags are created to help you to build your own web application,
website or Myspace marquee blog. In this table you can find most useful text tags as well as
marquee image codes. Just follow our tutorial and learn how to manipulate HTML tags and
codes to reach your goal without need to use any kind of Marquee Generator. Knowledge is
Power! Pay attention that not all browsers, Netscape - old versions in particular, do support
marquee function.
BASIC Marquee
<marquee>Change text between marquee tags</marquee>
Marquee BEHAVIOR
<marquee behavior="slide">Slide marquee behavior</marquee>
<marquee behavior="alternate">Alternate marquee behavior</marquee>
Marquee DIRECTION
<marquee direction="right">Right marquee direction</marquee>
<marquee direction="up">Up marquee direction</marquee>
13. <marquee direction="down">Down marquee direction</marquee>
Marquee LOOP • Number of times marquee wiil scroll (loop)
<marquee loop="3">This marquee is set to scroll (to loop) 3 times</marquee>
<marquee loop="5">Another example: This marquee will loop 5 times</marquee>
Marquee SCROLLAMOUNT • Smaller SCROLLAMOUNT value scrolls marquee slower
<marquee scrollamount="10">SCROLLAMOUNT marquee equals 10</marquee>
<marquee scrollamount="20">Another example: SCROLLAMOUNT marquee equals
20</marquee>
Marquee SCROLLDELAY • Smaller SCROLLDELAY value scrolls marquee faster
<marquee scrolldelay="250">SCROLLDELAY marquee. 250 = ¼ sec</marquee>
<marquee scrolldelay="500">Another example: SCROLLDELAY marquee 500 = ½
sec</marquee>
Miscellaneous HTML Marquee Tags
<marquee bgcolor="#66CD00">Changing bgcolor value changes marquee background
color</marquee>
14. <marquee behavior="alternate"><marquee width="200">Reoccuring
Marquee</marquee></marquee>
<marquee scrollamount="5" width="40"><<<</marquee>Opposite Direction
Marquees<marquee scrollamount="5" direction="right"
width="40">>>></marquee>
Opposite Direction Marquees
<marquee width="60%" direction="up" behavior="alternate"><marquee
direction="right"behavior="alternate">ZigZag Marquee</marquee></marquee>
<marquee scrollamount="15" direction="up" behavior="alternate"><marquee
scrollamount="15" direction="right" behavior="alternate"><img src="YourImage.gif"
/></marquee></marquee>
<marquee direction="down"><img src="http://www.Fillster.com/image.gif" /></marquee>
<marquee"><img src="http://www.Fillster.com/image.gif" /></marquee>
--------------------------
Lists : HTML supports unnumbered, numbered, and definition lists. You can next list too. But use
this feature sparingly because too many nested items can get difficult to follow.
<LI>&</LI> :Container of a list items
<UL>&</UL> :Created an unnumbered list of bulleted <LI> element.
<OL>&</OL> :Defines an ordered list containing numbered <LI> elements
<DL>&</DL> :logical tag indicating that enclosed text is a definition.
<DT>&</DT> :Logical tag indicating that enclosed text is the term part of a
definition list element.
15. <DD>&</DD> : logical tag indicating that enclosed text is the tern part of a
definition list element.
Unnumbered List : To make an Unnumbered bulleted list.
Start with an opening list <UL> (for unnumbered list) tag.
1. Enter the <UL> (list item) tag followed by the individual item , no closing </UL>
tag is needed
2. End the entire list with a closing list </uL> tag.
Below is a sample three item list
<UL>
<Li> apple
<Li>bananas
<LI>Grapefruit
</UL>
The <LI> items can contain multiple paragraphs. Indicate the paragraphs with the <p> paragraph
tags.
Numbered lists
A numbered list(also called an ordered list, from which the tag name derives) is identical to an
unnumbered list, except it uses<OL> instead of <UL> the items are tagged using the same <LI>
tag . the following html code;
<OL>
<Li> apple
<Li>bananas
<LI>Grapefruit
</OL>
Definition lists
A definition list(coded as <DL> usually consists of alternating a definition term (coded as <DL>)
and a definition (coded as <DL>). Web browsers generally format the definition an a new line and
indent it The following is an example of a definition list;
<DL>
<DT> NCSA
<DD> NCSA, the National Center for supercomputing Application.Is located on the campus of the
University of Illinois at Urbana- champaign.
<DT>Cornell Theory Center
<DD>CTC is located on the campus of Corncell University in Ithaca, New York.
</DL>
Heading tag
Heading
HTML has six levels of headings numbered 1 through 6 with 1 being the largest. Headings are
typically displayed in larger and/or bolder fonts than normal body text. The first heading in each
document should be tagged <H1> The syntax of the heading element is <Hy> Text of heading </Hy>
where y is a number between 1 and 6 specifying the level of the heading. Do not skip level of
Display Output on screen
16. headings in your document. For example, don’t start with a level one heading (H1>) and then next
use a level three(<H3>) heading.
<H1> Heading Level 1 </H1>
<H2> Heading Level 2 </H2>
<H3> Heading Level 3 </H3>
<H4> Heading Level 4</H4>
<H5> Heading Level 5 </H5>
<H6> Heading Level 6 </H6>
Program
<HTML>
<HEAD>
<TITLE>
EXAMPLE FOR headingr TAG
</TITLE>
</HEAD>
<BODY>
<center><Font size= “20” color= “red”>Welcome</font></center><br>
<UL>
<Li><H2> apple</H2>
<Li><H3> bananas</H3>
<LI><H4> Grapefruit</H4>
</UL>
</Body>
</Html>
-------------------------------------
17. 3. List Tag
මේ යටමේ ඔබට ප්රධාන ශයමය් ටග් ශ්ග තරක් තුන න ර තගියය මබ්
පිටු ශල අඩංගු විවිධා කරුණු සදතන මෙෙ ලිස්ට් ටග් භනවිරන මබ ඊට අෙරකශ
මේ යටමේ භනවිරනශ List Type, List items ශයමය් මකොටස් මදකිය
List Type
මේශනමේ ශ්ග තු ිය
Disk
Circle
Square
List items
මේ List Items ශල අතුරු මකොටසක මලස ගරමතොේ පතර දග් මශ් ලිස්ට්
ටග් ශල ඇතුලේ අනු ටග් එක් මලස දග් විය තගියය
List Tag
1. Unordered List Tag
2. Ordered List Tag
3. DIR List Tag
4. Menu List Tag
5. Definition List Tag
6. Address List Tag
1. Unordered List Tag (UL tag)
මේශනමේ ද ආකේභක සත අශසන ටග් මදක් ඇර ඒ අරක ලිස්ට් ටග් මදක් ද
දගියය තගියය එමසේෙ මෙයට මපක සදත් කක ලද List Type ශලි් කගෙති එක්
ඇතුළේ ියරිමේ තගියයනශ ද තිම්
Disk Program
<HTML>
<HEAD>
<TITLE>
EXAMPLE FOR Unordered TAG
</TITLE>>
</HEAD>
<BODY>
<H1>
<font Face = “Arial”><center>Welcome</font></center><H1><br>
<h2>
<font color=”red”>
My First Web Page <br>
</font></h2></center>
<ULType = “disc”>
<Li> apple</Li>
<Li> bananas</Li>
<LI>Grapefruit</Li>
</UL>
18. <H3>
<font color= “green”><center>
Create By MahndaGamage
</font></h3>
</Body>
</Html>
------------------------------------------------
circle Program
<HTML>
<HEAD>
<TITLE>
EXAMPLE FOR Unordered TAG
</TITLE>>
</HEAD>
<BODY>
<H1>
<font Face = “Arial”><center>Welcome</font></center><H1><br>
<h2>
<font color=”red”>
My First Web Page <br>
</font></h2></center>
<UL Type = “circle”>
<Li> apple</Li>
<Li> bananas</Li>
<LI>Grapefruit</Li>
</UL>
<H3>
<font color= “green”><center>
Create By MahndaGamage
</font></h3>
</Body>
</Html>
------------------------------------------------
square Program
<HTML>
<HEAD>
<TITLE>
EXAMPLE FOR Unordered TAG
</TITLE>>
</HEAD>
<BODY>
<H1>
<font Face = “Arial”><center>Welcome</font></center><H1><br>
<h2>
<font color=”red”>
My First Web Page <br>
</font></h2></center>
19. <UL Type = “square”>
<Li> apple</Li>
<Li> bananas</Li>
<LI>Grapefruit</Li>
</UL>
<H3>
<font color= “green”><center>
Create By MahndaGamage
</font></h3>
</Body>
</Html>
--------------------------------
<HTML>
<HEAD>
<TITLE>
EXAMPLE FOR Unordered TAG
</TITLE>>
</HEAD>
<BODY>
<H1>
<font Face = “Arial”><center>Welcome</font></center><H1><br>
<h2>
<font color=”red”>
My First Web Page <br>
</font></h2></center>
<UL Type = “disk”>
<Li> apple</Li></UL>
<UL Type = “square”>
<Li> bananas</Li>
<UL Type = “square”>
<LI>Grapefruit</Li></UL>
</UL>
<H3>
<font color= “green”><center>
Create By MahndaGamage
</font></h3>
</Body>
</Html>
Example:- circle/squre
program
<HEAD>
<TITLE>
20. EXAMPLE FOR Unordered TAG
</TITLE>
</HEAD>
<BODY>
<center><Font face= “Arial” color= “red”>
<H1>Welcome</font></H1></center><br>
<h2>
<Font face= “Arial” color= “#ggff11”>
My first web page<Br>
<HR width=”10” color =”black”>
<UL Type=”circle”>
<Li>Computer<//Li>
<Li>internet</Li>>
<LI>Explora</Li>
</UL>
<UL Type=”SQUARE”>
<Li>Computer<//Li>
<Li>internet</Li>>
<LI>Explora</Li>
</UL>
<H3>
<font color = “Green”><center> crated by MahindaGamage</center>
</font></h3>
</Body>
</Html>
2. Ordered list Tag (OL tag)
පිළිවවළකට අනුව වපළ ගැස්මක් සකස් කරන විට ඔබට වමම වයදුම භාවිත කල හැිහය.
Type = “1” -Arabic numeral
Type = “A” -Upper aliphatic
Type = “a” -lower aliphatic
Type = “” - Upper case Roman
Type= “” -Lower case nunmerals
21. Program :
<HEAD>
<TITLE>
EXAMPLE FOR ordered list TAG
</TITLE>
</HEAD>
<BODY>
<center><Font face= "Arial" color= "red">
<H1>Welcome</font></H1></center><br>
<h2><center>
<Font face= "Arial" color="red">
<MARQUEE width= 75% bgcolor= yellow>
My first web page<Br>
<HR width=50% color ="black"></mARQUEE></center>
<UL Type= "1">
<LI>COMPUTER</LI>
<UL Type= "I">
<LI> HP use in </LI>
<UL TYPE="A">
<LI>KOREAN</LI>
<LI>SRI LANKA</LI>
</UL>
<Li> sony use in</Li>
<UL TYPE="A">
<LI>Japan</LI>
<LI>SRI LANKA</LI>
</UL>
</UL>
<Li>Internet</Li>
<UL Type="i">
<Li>File search</Li>
<Li>web browsing</Li>
<LI>E-mailing</Li>
</uL>
<Li>Computer sale center</Li>
<oL Type="a">
<Li>Matarar</Li>
<Li>Colombo</Li>
<LI>Galle</Li>
</OL>
<oL Type="I">
<Li>Computer</Li>
<Li>internet</Li>
<LI>Explora</Li>
22. </OL>
<oL Type="i">
<Li>Computer</Li>
<Li>internet</Li>
<LI>Explora</Li>
</OL>
<H3>
<font color = “Green”><center> crated by MahindaGamage</center>
</font></h3>
</Body>
</Html>
3. Directory List tag(Dir Tag)
Directoryවලස වතොරුනරු වපළගස්වේවේ නම් ඔබට වමම ක්රමය වයොදා ගත හැිහ ය.
Program
<HEAD>
<TITLE>
EXAMPLE FOR directot list TAG
</TITLE>
</HEAD>
<BODY>
<h1>
<font face= Arial>
<center>Welcome<br>
</font>
</h1>
<h2>
<font color=red>
Myfirst computer web page <br>
</font>
</center>
</h2.
<dir>
<LI> COMPUTER</LI>
<LI>INTERNET </LI>
<LI> EXPLORA</LI>
</DIR>
</BODY>
</HTML>
------------------------
23. Menu List tag
මාතෘකා වලස වපළගැස්මක් සකස් කරන විට දී ඔබට වමම ටැග් එක භාවිත කල හැිහ වේ.
Program
<HEAD>
<TITLE>
EXAMPLE FOR director list TAG
</TITLE>
</HEAD>
<BODY>
<h1>
<font face= Arial>
<center>Welcome<br>
</font>
</h1>
<h2>
<font color=red>
Myfirst computer web page <br>
</font>
</center>
</h2.
<Menu>
<LI> COMPUTER</LI>
<LI>INTERNET </LI>
<LI> EXPLORA</LI>
</Menu>
</BODY>
</HTML>
-------------------------
5. Definition tag
යමක් සම්බේධාව වැඩිදුර විස්ථර ිහරිම සදහා DL,DT,DD භාවිතා කරයි. එක එක් වයදේවේ
එකක් අවනක ුනල ඇති වයදුමක් වලස ය.
්්Program
<HEAD>
<TITLE>
EXAMPLE FOR director list TAG
</TITLE>
</HEAD>
<BODY>
<h1>
<font face= Arial>
<center>Welcome<br>
</font>
</h1>
<h2>
<font color=red>
Myfirst computer web page <br>
</font>
</center>
24. </h2.
<DL>
<DT>Hardware
<dd> it is physical part of the computer
<DT> SOFTWARE
<DD> IT IS PROGRAM
</Dl>
</BODY>
</HTML>
----------------
6. Address list Tag
වේබ් පිටුවල යම් තැපල් ිනපිනයක් දක්වන විට ඒ සදහා ඔබ විසිේ වමම කුමය වයොදා ගත ුකුනය.
එක් එක් වේළි සදහා <BR>ටැග් භාවිතා අවශ්ය වේ.
<HEAD>
<TITLE>
EXAMPLE FOR directot list TAG
</TITLE>
</HEAD>
<BODY>
<Address>
Technical college<br>
Maddawatha junction<br>
Matara<br>
</address>
<h1>
<font face= Arial>
<center>Welcome<br>
</font>
</h1>
<h2>
<font color=red>
Myfirst computer web page <br>
</font>
</center>
</h2>
</BODY>
</HTML>
…………………..
Image Tag
වවබ් පිටුකට රූප එකුන කරන විට දී ඒවා වකොටස් 3කට වවේ කර හැිහ අතර, එනම් image,
Picture, Graphics වශ්වයනි. එනම් GIF and JPEG වලස ය.
Syntax
<img src = “photo files”>
Picture එක හැදිේවිම සදහා
36. ……………………………………..
FORMS
…………………….
වම් සදහා ආරම්භක හා අවසාන ටැග් එකක් ද ඇත.FORM TAG වලට ආදල වන ටැග් වර්ග ිහිපපයක්
ඇත.
Syntax :-
<FORM
Action =ULR
Method=method
Text and command
</FORM>
INPUT Tag
වවබ් අඩවි නිර්මාණය ිහරිවම් දී input tag වලස භාවිතයට ගැවනන ටැග් වර්ග හා අවස්ථා සදහා
උදාහරණ ිහිපපයක් පහත දැක්වේ.
Text Box , Password text box, Check Box, Radio Button, Submit Button, Rest Button.
/
Syntex :
<input
Type = “Text/password/check Box/ Radio/submit/Rest”
Name = “Object Name”
Value= “Object Value”
Size = “Size of the item”>
1. Text
<html>
<head>
<title>
example forms
</title>
</head>
<form
Method = "post"
Action = "kgi/bin/resure.pl">
Name <input type ="text" Name="Name"><BR>
Company <input type = "text Name = "company"><BR>
</form>
</HTML>
2 password program
<html>
<head>
<title>
example forms2
</title>
</head>
<form
Method = "post">
Name <input type ="text" Name="Name"><BR></p>
Company <input type = "text Name = "company"><BR>
37. password<input type ="password" name= "password"><Br>
</form>
</HTML>
2. Checkbox Program
<html>
<head>
<title>
example forms2
</title>
</head>
<form
Method = "post">
<p> your choice</p>
<p> internet<input type="checkbox" name="c1"></p>
<p> hardware<input type= "checkbox" name="c2"></p>
<p> software<input type= "checkbox" name="c3"></p>
</form>
</HTML>
----------------------
3. Radio program
html>
<head>
<title>
example forms2
</title>
</head>
<form
Method = "post">
sex = male<input type ="radio" name ="R1">
female<input type ="radio" name ="R1">
</form>
</HTML>
………………………………
4. Submit Program
<html>
<head>
<title>
example forms5
</title>
</head>
<form
Method = "post">
<p> your Choice </p>
<p> internet <input type = "checkbox" name = "c1"></p>
<p> hardware <input type = "checkbox" name = "c2"></p>
<p> software <input type = "checkbox" name = "c3"></p>
38. <input type = "submit" name = "b1"></p>
</form>
</HTML>
39. ……………………………….
6. Rest Program
<html>
<head>
<title>
example forms6
</title>
</head>
<form
Method = "post">
<p> your Choice </p>
<p> internet <input type = "checkbox" name = "c1"></p>
<p> hardware <input type = "checkbox" name = "c2"></p>
<p> software <input type = "checkbox" name = "c3"></p>
<p><input type = "submit" name = "b1"></p>
<p><input type ="reset" name="b2">
</p>
</form>
</html>
Object Name
වමිපදී Object සදහා නම හදුනාගත හැක. එනම්
input type ="text" name = "T1"
input type ="submit " name="B1"
input type ="reset " name = "B2"
input type ="radio " checked name="R1"
Object Value
වමිපදී Object සදහා එවාවස ක්රියාකාරිත්වය තහරුරු කරන විධාානය වලස දැක්විය හැක
input type ="submit" Value = "submit"
input type ="reset" Value="reset"
input type ="checkbox" Value="On"
input type ="radio " Value="V1"
Size of the Item
වමය අදාළ item සදහා අගයේ ඇුනළත් ිහරීමට නැතවහත් ඒවාවස විශ්ාලත්වය වහෝ ප්රමාණය දැක්ීමම
සදහා භාවිතා වකවර්.
input type =" text" name = "T1" size = “20”
Program
html>
<head>
<title>
example forms
</title>
</head>
40. <form Method = "post">
1
<input type ="text" name ="t1" size= "20"><input type ="submit" name="b1"><input type
="reset"
value="reset" name ="b2"></p>
2
<input type ="checkbox" name ="c1" value="on" ><input type ="submit" value=
"submit"name="b1"><input type ="reset" value="reset" name ="b2"></p>
3 <input type ="Radio" name ="v1" checked name=" R1" ><input type ="submit"
value="submit"
name="b1"><input type ="reset" value="reset" name ="b2"></p>
</form>
</form>
</HTML>
………………………………………………
Select tag
………………………….
වම් යටවත් දක්නට ලවබන අවස්ථා ිහිපපයක් පහත දැක් වේ
Unordered list combo Box
List item Empty tag
Syntax :-
<select Name = “Name”>
<option> list item text
<option> list item text
<option> list item text
<option> list item text
………………….
………………..
</select>
List :-
පහළට වැවටන ිනස්ේ එකක් සකස් ිහරිමට වමය වයදා ගැවේ.
<html>
<head>
<title>
example forms
</title>
</head>
<form Method = "post">
Time of work<select name ="time listt">
<option>7.00a.m to 9.00p.m
<option>9.00a.m to 9.00p.m
41. <option>9.00a.m to9.00p.m
<option>5.00a.m to 4.00p.m
</select>
</form>
</form>
</HTML>
………………………………..
Box
……………………
විස්ථාර සමුහයක් ඇුනල් ිහරිවම් දී වමය වැදගත් වේ. එවසේම එිප විශ්ාලත්වය ඔබට අවශ්ය පරිදී වවනස්
ිහරිමට ද හැිහයාව ඇත. වමිප දැක්වවන වැඩ සටහන නීරික්ෂණය ිහරිවමේ ඔබට ඒ පිළිබදව වැඩි
අවවබෝධාක් ලැබීය හැිහ වේ.
<html>
<head>
<title>
example HTML forms
</title>
</head>
<form>
COMMENTS:<BR>
<TEXTAREA ROWS = 5
COLS =30>
</TEXTAREA><BR>
<INPUT TYPE ="SUBMIT"
VALUE="SUBMIT">
<INPUT TYPE= "RESET"
VALUE="RESET">
</form>
</form>
</HTML>
........................................
TEXT AREA
වමිප දි ඔබට TEXT AREA වල ප්රමාණයේ වවනස් ිහරිමට අවකාශ් ඇත. උදාහරණ වලස
ROWS/COLMS වවනස් කළ හැක.
Syntax :
<text Area
Row = number
Col = number
</text Area>
<input> Text or other data- input field
Type = type pf input entery field
Name= symbolic lime of field value
Value = defult content of text feid
Checked =button/Box checked by default
Size= Number of characters in text field
Max length= maximum characters accepted
……………………………………………………..
*****************************
42. ඉහත දි කරන සිසලු අභයස එකුන කර පහත දැක්වවන වවබ් පිටුව සකසේන.
1. Add heading in web page – “WECOME TO JOB WEB PAGE”
2. Add marquee with =775height =5 behavior= altnatebgcolor=”#0099cc”
3. Add Font color= red size=5
4. Heading Center in the web page