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.
Creating a Simple, Accessible On/Off SwitchRuss Weakley
Have you ever tried to style checkboxes or radio buttons and ended up pulling your hair out? This presentation will explore a few simple tricks that can be used to style checkboxes and radio buttons. In this case, we will make them look like an on/off switch.
The document discusses HTML frames and how to structure a webpage using multiple frames. Frames allow dividing a browser window into sections to display different HTML documents. A common use is to have a menu frame on the left and content frame on the right. The document provides code examples for creating a basic frameset with two columns, adding a title banner frame above, and naming frames so links in one frame load the target page in another frame. Attributes like scrolling, border, and noresize customize frame properties.
This document provides a cheatsheet of common HTML tags organized into categories including basic tags, body attributes, text tags, links, formatting, tables, frames, and forms. It lists each tag's syntax and purpose, such as <html> for creating an HTML document, <b> for bold text, <a> for creating hyperlinks, <table> for making tables, and <form> for building forms.
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017Morten Rand-Hendriksen
Slides from the WordCamp Europe presentation by the same name. From the conference website:
CSS Grid is now live in all major browsers, and with it everything we know about web layouts changes! Imagine drawing a grid in the browser and placing content in one or any number of cells without having to change the HTML or source order. And imagine changing that grid on the fly using media queries or JavaScript while keeping the HTML markup clean and accessible. That’s what CSS Grid does, and that’s why you should be using it today.
The CSS Grid Layout Module introduces a native CSS grid system, provided at the viewport level, that achieves what CSS frameworks and popular grid systems could only dream about: Responsive, flexible, pure CSS grid layouts, independent of document source order, that allow us to treat the browser as a true design and layout surface.
In this talk you’ll get an intro to CSS Grid and learn how it changes pretty much everything when it comes to layouts on the web. Through examples, code snippets, and practical demos you’ll learn how to use CSS Grid in a theme for modern responsive layouts, and you’ll also learn how to handle older browsers without Grid support in a clean and straight-forward way.
CSS Grid is here, and you can start using it today. This talk shows you how to do it right.
The document summarizes Rachel Andrew's presentation on modern CSS layout techniques including Flexbox and CSS Grid Layout. Some key points include:
- Flexbox and CSS Grid Layout provide improved tools for page layout compared to older methods like floats.
- These techniques separate logical structure from visual presentation, allow responsive design, and give more control over alignment.
- Features like grid-auto-flow can automatically position items but authors must be careful not to compromise accessibility or semantics.
- Flexbox is well-suited for one-dimensional layouts while Grid excels at two-dimensional layouts like pages with columns.
This document discusses HTML frames. Frames divide the browser window into multiple panes, each displaying a separate HTML document. A frameset page uses <frameset> tags to define the layout as rows or columns. <frame> tags specify the source of each pane's content. Links between frames require a target attribute to indicate the destination frame. Special targets like "_top" and "_blank" control how the linked content is displayed. Nested framesets allow complex multi-pane layouts.
Frames in HTML allow dividing a web page into multiple sections or windows. They can be used to embed other documents, create complex page layouts, and improve navigation. There are two main types of frames - inline frames (iframes) and framesets. Framesets use the <frameset> tag to divide the browser window into rows or columns containing individual <frame> elements. Attributes like src, name, and target are used to control the content and behavior of each frame. Targeting links between frames requires specifying the frame name in the target attribute. Overall, frames provide benefits but need to consider accessibility and responsive design for different screen sizes.
Creating a Simple, Accessible On/Off SwitchRuss Weakley
Have you ever tried to style checkboxes or radio buttons and ended up pulling your hair out? This presentation will explore a few simple tricks that can be used to style checkboxes and radio buttons. In this case, we will make them look like an on/off switch.
The document discusses HTML frames and how to structure a webpage using multiple frames. Frames allow dividing a browser window into sections to display different HTML documents. A common use is to have a menu frame on the left and content frame on the right. The document provides code examples for creating a basic frameset with two columns, adding a title banner frame above, and naming frames so links in one frame load the target page in another frame. Attributes like scrolling, border, and noresize customize frame properties.
This document provides a cheatsheet of common HTML tags organized into categories including basic tags, body attributes, text tags, links, formatting, tables, frames, and forms. It lists each tag's syntax and purpose, such as <html> for creating an HTML document, <b> for bold text, <a> for creating hyperlinks, <table> for making tables, and <form> for building forms.
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017Morten Rand-Hendriksen
Slides from the WordCamp Europe presentation by the same name. From the conference website:
CSS Grid is now live in all major browsers, and with it everything we know about web layouts changes! Imagine drawing a grid in the browser and placing content in one or any number of cells without having to change the HTML or source order. And imagine changing that grid on the fly using media queries or JavaScript while keeping the HTML markup clean and accessible. That’s what CSS Grid does, and that’s why you should be using it today.
The CSS Grid Layout Module introduces a native CSS grid system, provided at the viewport level, that achieves what CSS frameworks and popular grid systems could only dream about: Responsive, flexible, pure CSS grid layouts, independent of document source order, that allow us to treat the browser as a true design and layout surface.
In this talk you’ll get an intro to CSS Grid and learn how it changes pretty much everything when it comes to layouts on the web. Through examples, code snippets, and practical demos you’ll learn how to use CSS Grid in a theme for modern responsive layouts, and you’ll also learn how to handle older browsers without Grid support in a clean and straight-forward way.
CSS Grid is here, and you can start using it today. This talk shows you how to do it right.
The document summarizes Rachel Andrew's presentation on modern CSS layout techniques including Flexbox and CSS Grid Layout. Some key points include:
- Flexbox and CSS Grid Layout provide improved tools for page layout compared to older methods like floats.
- These techniques separate logical structure from visual presentation, allow responsive design, and give more control over alignment.
- Features like grid-auto-flow can automatically position items but authors must be careful not to compromise accessibility or semantics.
- Flexbox is well-suited for one-dimensional layouts while Grid excels at two-dimensional layouts like pages with columns.
This document discusses HTML frames. Frames divide the browser window into multiple panes, each displaying a separate HTML document. A frameset page uses <frameset> tags to define the layout as rows or columns. <frame> tags specify the source of each pane's content. Links between frames require a target attribute to indicate the destination frame. Special targets like "_top" and "_blank" control how the linked content is displayed. Nested framesets allow complex multi-pane layouts.
Frames in HTML allow dividing a web page into multiple sections or windows. They can be used to embed other documents, create complex page layouts, and improve navigation. There are two main types of frames - inline frames (iframes) and framesets. Framesets use the <frameset> tag to divide the browser window into rows or columns containing individual <frame> elements. Attributes like src, name, and target are used to control the content and behavior of each frame. Targeting links between frames requires specifying the frame name in the target attribute. Overall, frames provide benefits but need to consider accessibility and responsive design for different screen sizes.
Frames allow dividing a browser window into sections that can each load separate HTML documents. The <frameset> tag replaces the <body> tag and defines how to divide the window into rows and columns using frames. Each frame loads a document using the <frame> tag. Inline frames using <iframe> can embed another document anywhere in a page.
The document discusses HTML frames, including:
1. Objectives such as creating frame layouts, controlling hyperlinks between frames, and using reserved target names.
2. Advantages of frames like flexibility in design and reducing redundancy. Disadvantages include increased loading time and some browsers not supporting frames.
3. Syntax for creating frame layouts using <frameset> tags and specifying frame sizes using pixels, percentages and asterisks.
It provides details on using frames and hyperlinks, including assigning names to frames and specifying link targets.
Frames divide the browser window into separate panes, each containing an HTML document. This allows reloading individual panes without reloading the entire browser window. The window is divided using rows and columns defined by the <frameset> element. Each frame displays a document defined by its <frame> src attribute. Browsers that do not support frames will show content in the <noframes> element. Inline frames (<iframe>) also display separate documents but within the main document flow rather than in a divided window.
Frames divide a browser window into multiple panes, each containing a separate HTML document. A collection of frames is called a frameset. The <frameset> element replaces the <body> element and is used to define the rows and columns of frames. Individual <frame> elements are used within the <frameset> to specify sources for each frame. Attributes like name, target, and scrolling can be used to control frames. The <iframe> element defines an inline frame for embedding another document within the current one.
Frames divide a browser window into separate panes, each containing an HTML document. This allows reloading individual panes without reloading the entire browser window. A collection of frames is called a frameset. Framesets use <frameset> tags to define rows and columns, with each frame represented by <frame> tags specifying its source document. Inline frames (<iframe>) embed separate documents into the main page.
Using this presentation you will learn dividing the browser window into different parts(frame). With frames, several Web pages can be displayed in the same browser window.
This document discusses HTML frames and inline frames (iframes). Frames divide the browser window into separate panes, each containing an HTML document. Key advantages of frames include reloading single panes without reloading the entire window. A collection of frames is called a frameset. The document defines how to create framesets using the <frameset> element and <frame> elements to specify individual frames. Attributes of these elements control frame borders, sizes, and content. <iframes> embed separate documents within the main document.
The document discusses HTML tables, links, frames, and iframes. It provides details on:
- Using <table>, <tr>, and <td> tags to create tables with rows and cells
- Creating links between pages using the <a> tag and href attribute
- Dividing pages into frames using the <frameset> tag and specifying rows or columns
- Embedding separate documents into the current page using the <iframe> tag
Frames allow dividing a browser window into multiple independent regions that can each display a different HTML document. A frameset document establishes the number of frames, their positions and characteristics without containing any content. It specifies the URL of the HTML document to display in each frame. Hyperlinks in one frame can update another frame through the TARGET attribute. The <frame> tag defines an individual window within a <frameset> and attributes like border, scrolling and resize can be set for each frame.
DEFINE FRAME AND FRAME SET WITH A EXAMPLEVaibhav Sinha
The document discusses HTML frames, which divide the browser window into multiple sections that can each load a separate HTML document. Frames are defined using the <frameset> tag instead of <body>, with the rows or cols attribute specifying how to divide the window horizontally or vertically into frames. Each frame is indicated by a <frame> tag specifying the HTML document to load. Examples are given showing how to create documents with three frames arranged horizontally using rows, and vertically using cols.
Frames allow dividing a web page into multiple sections called frames. Each frame can load and display content independently. Frames are defined using the <frameset> tag which specifies the number and size of frames. Attributes like frameborder, marginheight, and marginwidth control frames' borders and spacing. Examples demonstrate common frameset layouts including multiple frames of different sizes.
This document discusses HTML frames, including how to create and control the appearance and placement of frames, specify targets for hyperlinks, and handle browsers that do or do not support frames. Key points covered include using the <frameset> tag to define frame layouts using rows and columns, specifying frame sources and sizes, controlling scrolling, borders, and resizing, assigning names to frames and using targets to control where hyperlinks open, and creating floating frames. The document also notes disadvantages of frames and tips for supporting non-framed browsers.
1) The document provides resources for a front-end development session including working files, slides, and an agenda.
2) It reviews HTML tags, CSS selectors, the box model, positioning, and Flexbox.
3) Instructions are given to install Atom plugins and review JavaScript and JQuery before adding an Express server to a webpage.
This document provides an example code walk-through for a JavaScript application to construct a call for a SAS macro. It uses frames to separate the display area into an information area and data input area. The top frame displays information about the macro, while the bottom frame contains a form to allow users to enter parameter values. When values are entered, JavaScript is used to validate the input and construct a valid macro call. Frames, forms, text boxes, drop-down lists, and JavaScript functions are implemented in the example to gather and process user input to generate the macro call.
This document provides an example code walk-through for a JavaScript application to construct a call for a SAS macro. It uses frames to separate the display area into an information area and data input area. The top frame displays information about the macro, while the bottom frame contains a form to enter parameter values. Drop-down lists and text boxes are used for input. Event handlers and JavaScript functions are used to validate inputs and display help information. Clicking buttons can reset values, show macro info, or construct the macro call. The application is designed to work across browsers and provide a simple way for SAS programmers to generate it for any macro.
This document provides an example JavaScript application to construct a call for a SAS macro. It presents the code and explains how it works. The application uses frames to separate an information area and data input area. The bottom frame contains a form with fields to enter macro parameter values. JavaScript is used to validate input and construct the macro call. Functions are defined to display help text for fields and reset values. When buttons are clicked, JavaScript functions run to display information, reset values, or construct the macro call. This allows generic code to create call-makers for different SAS macros by changing only the form fields and information page.
Frames allow dividing a browser window into multiple sections. A frameset defines how the window is divided into rows or columns of frames. Each frame displays a separate HTML document. The document provides two examples of using the <frameset> tag - one with rows to create horizontal frames and another with cols to create vertical frames. Each <frame> tag specifies an HTML document to load into that frame section.
Frames allow dividing an HTML page into multiple sections or cells. A frameset defines rows and columns to divide the browser window. Individual frames can specify a source document and target frame by name. While frames provide some advantages like consistent navigation, they also have disadvantages such as confusing the back button and making URLs and bookmarking difficult. Frames require a frameset doctype and work by nesting framesets and frames to partition the browser window into cells for content.
Frames allow dividing an HTML page into multiple sections or cells. A frameset defines rows and columns to divide the browser window. Individual frames are populated by specifying the SRC attribute. Frames can be nested to create complex layouts. The TARGET attribute is used to load content into a specific named frame. While frames provide layout benefits, they also have disadvantages like confusing the back button and making content difficult to bookmark.
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.
Frames allow dividing a browser window into sections that can each load separate HTML documents. The <frameset> tag replaces the <body> tag and defines how to divide the window into rows and columns using frames. Each frame loads a document using the <frame> tag. Inline frames using <iframe> can embed another document anywhere in a page.
The document discusses HTML frames, including:
1. Objectives such as creating frame layouts, controlling hyperlinks between frames, and using reserved target names.
2. Advantages of frames like flexibility in design and reducing redundancy. Disadvantages include increased loading time and some browsers not supporting frames.
3. Syntax for creating frame layouts using <frameset> tags and specifying frame sizes using pixels, percentages and asterisks.
It provides details on using frames and hyperlinks, including assigning names to frames and specifying link targets.
Frames divide the browser window into separate panes, each containing an HTML document. This allows reloading individual panes without reloading the entire browser window. The window is divided using rows and columns defined by the <frameset> element. Each frame displays a document defined by its <frame> src attribute. Browsers that do not support frames will show content in the <noframes> element. Inline frames (<iframe>) also display separate documents but within the main document flow rather than in a divided window.
Frames divide a browser window into multiple panes, each containing a separate HTML document. A collection of frames is called a frameset. The <frameset> element replaces the <body> element and is used to define the rows and columns of frames. Individual <frame> elements are used within the <frameset> to specify sources for each frame. Attributes like name, target, and scrolling can be used to control frames. The <iframe> element defines an inline frame for embedding another document within the current one.
Frames divide a browser window into separate panes, each containing an HTML document. This allows reloading individual panes without reloading the entire browser window. A collection of frames is called a frameset. Framesets use <frameset> tags to define rows and columns, with each frame represented by <frame> tags specifying its source document. Inline frames (<iframe>) embed separate documents into the main page.
Using this presentation you will learn dividing the browser window into different parts(frame). With frames, several Web pages can be displayed in the same browser window.
This document discusses HTML frames and inline frames (iframes). Frames divide the browser window into separate panes, each containing an HTML document. Key advantages of frames include reloading single panes without reloading the entire window. A collection of frames is called a frameset. The document defines how to create framesets using the <frameset> element and <frame> elements to specify individual frames. Attributes of these elements control frame borders, sizes, and content. <iframes> embed separate documents within the main document.
The document discusses HTML tables, links, frames, and iframes. It provides details on:
- Using <table>, <tr>, and <td> tags to create tables with rows and cells
- Creating links between pages using the <a> tag and href attribute
- Dividing pages into frames using the <frameset> tag and specifying rows or columns
- Embedding separate documents into the current page using the <iframe> tag
Frames allow dividing a browser window into multiple independent regions that can each display a different HTML document. A frameset document establishes the number of frames, their positions and characteristics without containing any content. It specifies the URL of the HTML document to display in each frame. Hyperlinks in one frame can update another frame through the TARGET attribute. The <frame> tag defines an individual window within a <frameset> and attributes like border, scrolling and resize can be set for each frame.
DEFINE FRAME AND FRAME SET WITH A EXAMPLEVaibhav Sinha
The document discusses HTML frames, which divide the browser window into multiple sections that can each load a separate HTML document. Frames are defined using the <frameset> tag instead of <body>, with the rows or cols attribute specifying how to divide the window horizontally or vertically into frames. Each frame is indicated by a <frame> tag specifying the HTML document to load. Examples are given showing how to create documents with three frames arranged horizontally using rows, and vertically using cols.
Frames allow dividing a web page into multiple sections called frames. Each frame can load and display content independently. Frames are defined using the <frameset> tag which specifies the number and size of frames. Attributes like frameborder, marginheight, and marginwidth control frames' borders and spacing. Examples demonstrate common frameset layouts including multiple frames of different sizes.
This document discusses HTML frames, including how to create and control the appearance and placement of frames, specify targets for hyperlinks, and handle browsers that do or do not support frames. Key points covered include using the <frameset> tag to define frame layouts using rows and columns, specifying frame sources and sizes, controlling scrolling, borders, and resizing, assigning names to frames and using targets to control where hyperlinks open, and creating floating frames. The document also notes disadvantages of frames and tips for supporting non-framed browsers.
1) The document provides resources for a front-end development session including working files, slides, and an agenda.
2) It reviews HTML tags, CSS selectors, the box model, positioning, and Flexbox.
3) Instructions are given to install Atom plugins and review JavaScript and JQuery before adding an Express server to a webpage.
This document provides an example code walk-through for a JavaScript application to construct a call for a SAS macro. It uses frames to separate the display area into an information area and data input area. The top frame displays information about the macro, while the bottom frame contains a form to allow users to enter parameter values. When values are entered, JavaScript is used to validate the input and construct a valid macro call. Frames, forms, text boxes, drop-down lists, and JavaScript functions are implemented in the example to gather and process user input to generate the macro call.
This document provides an example code walk-through for a JavaScript application to construct a call for a SAS macro. It uses frames to separate the display area into an information area and data input area. The top frame displays information about the macro, while the bottom frame contains a form to enter parameter values. Drop-down lists and text boxes are used for input. Event handlers and JavaScript functions are used to validate inputs and display help information. Clicking buttons can reset values, show macro info, or construct the macro call. The application is designed to work across browsers and provide a simple way for SAS programmers to generate it for any macro.
This document provides an example JavaScript application to construct a call for a SAS macro. It presents the code and explains how it works. The application uses frames to separate an information area and data input area. The bottom frame contains a form with fields to enter macro parameter values. JavaScript is used to validate input and construct the macro call. Functions are defined to display help text for fields and reset values. When buttons are clicked, JavaScript functions run to display information, reset values, or construct the macro call. This allows generic code to create call-makers for different SAS macros by changing only the form fields and information page.
Frames allow dividing a browser window into multiple sections. A frameset defines how the window is divided into rows or columns of frames. Each frame displays a separate HTML document. The document provides two examples of using the <frameset> tag - one with rows to create horizontal frames and another with cols to create vertical frames. Each <frame> tag specifies an HTML document to load into that frame section.
Frames allow dividing an HTML page into multiple sections or cells. A frameset defines rows and columns to divide the browser window. Individual frames can specify a source document and target frame by name. While frames provide some advantages like consistent navigation, they also have disadvantages such as confusing the back button and making URLs and bookmarking difficult. Frames require a frameset doctype and work by nesting framesets and frames to partition the browser window into cells for content.
Frames allow dividing an HTML page into multiple sections or cells. A frameset defines rows and columns to divide the browser window. Individual frames are populated by specifying the SRC attribute. Frames can be nested to create complex layouts. The TARGET attribute is used to load content into a specific named frame. While frames provide layout benefits, they also have disadvantages like confusing the back button and making content difficult to bookmark.
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.
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.
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.
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
How to Add Chatter in the odoo 17 ERP ModuleCeline George
In Odoo, the chatter is like a chat tool that helps you work together on records. You can leave notes and track things, making it easier to talk with your team and partners. Inside chatter, all communication history, activity, and changes will be displayed.
বাংলাদেশের অর্থনৈতিক সমীক্ষা ২০২৪ [Bangladesh Economic Review 2024 Bangla.pdf] কম্পিউটার , ট্যাব ও স্মার্ট ফোন ভার্সন সহ সম্পূর্ণ বাংলা ই-বুক বা pdf বই " সুচিপত্র ...বুকমার্ক মেনু 🔖 ও হাইপার লিংক মেনু 📝👆 যুক্ত ..
আমাদের সবার জন্য খুব খুব গুরুত্বপূর্ণ একটি বই ..বিসিএস, ব্যাংক, ইউনিভার্সিটি ভর্তি ও যে কোন প্রতিযোগিতা মূলক পরীক্ষার জন্য এর খুব ইম্পরট্যান্ট একটি বিষয় ...তাছাড়া বাংলাদেশের সাম্প্রতিক যে কোন ডাটা বা তথ্য এই বইতে পাবেন ...
তাই একজন নাগরিক হিসাবে এই তথ্য গুলো আপনার জানা প্রয়োজন ...।
বিসিএস ও ব্যাংক এর লিখিত পরীক্ষা ...+এছাড়া মাধ্যমিক ও উচ্চমাধ্যমিকের স্টুডেন্টদের জন্য অনেক কাজে আসবে ...
हिंदी वर्णमाला पीपीटी, hindi alphabet PPT presentation, hindi varnamala PPT, Hindi Varnamala pdf, हिंदी स्वर, हिंदी व्यंजन, sikhiye hindi varnmala, dr. mulla adam ali, hindi language and literature, hindi alphabet with drawing, hindi alphabet pdf, hindi varnamala for childrens, hindi language, hindi varnamala practice for kids, https://www.drmullaadamali.com
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.
A review of the growth of the Israel Genealogy Research Association Database Collection for the last 12 months. Our collection is now passed the 3 million mark and still growing. See which archives have contributed the most. See the different types of records we have, and which years have had records added. You can also see what we have for the future.
Walmart Business+ and Spark Good for Nonprofits.pdfTechSoup
"Learn about all the ways Walmart supports nonprofit organizations.
You will hear from Liz Willett, the Head of Nonprofits, and hear about what Walmart is doing to help nonprofits, including Walmart Business and Spark Good. Walmart Business+ is a new offer for nonprofits that offers discounts and also streamlines nonprofits order and expense tracking, saving time and money.
The webinar may also give some examples on how nonprofits can best leverage Walmart Business+.
The event will cover the following::
Walmart Business + (https://business.walmart.com/plus) is a new shopping experience for nonprofits, schools, and local business customers that connects an exclusive online shopping experience to stores. Benefits include free delivery and shipping, a 'Spend Analytics” feature, special discounts, deals and tax-exempt shopping.
Special TechSoup offer for a free 180 days membership, and up to $150 in discounts on eligible orders.
Spark Good (walmart.com/sparkgood) is a charitable platform that enables nonprofits to receive donations directly from customers and associates.
Answers about how you can do more with Walmart!"
How to Fix the Import Error in the Odoo 17Celine George
An import error occurs when a program fails to import a module or library, disrupting its execution. In languages like Python, this issue arises when the specified module cannot be found or accessed, hindering the program's functionality. Resolving import errors is crucial for maintaining smooth software operation and uninterrupted development processes.
This presentation includes basic of PCOS their pathology and treatment and also Ayurveda correlation of PCOS and Ayurvedic line of treatment mentioned in classics.
it describes the bony anatomy including the femoral head , acetabulum, labrum . also discusses the capsule , ligaments . muscle that act on the hip joint and the range of motion are outlined. factors affecting hip joint stability and weight transmission through the joint are summarized.
2. Frames
Frames are a relatively new addition to the HTML
standard. First introduced in Netscape Navigator 2.0.
Objectives:
Upon completing this section, you should be able to:
Create a Frame based page.
Work with the Frameset, Frame, and Noframes elements.
Use the attributes of the Frames elements to control the
display.
Set Targets appropriately.
2
3. Frames
A framed page is actually made up of multiple HTML
pages. There is one HTML document that describes how
to break up the single browser window into multiple
windowpanes. Each windowpane is filled with an HTML
document.
For Example to make a framed page with a windowpane
on the left and one on the right requires three HTML
pages. Doc1.html and Doc2.html are the pages that
contain content. Frames.html is the page that describes
the division of the single browser window into two
windowpanes. 3
5. Frame Page Architecture
A <FRAMESET> element is placed in the html
document before the <BODY> element. The
<FRAMESET> describes the amount of screen real
estate given to each windowpane by dividing the
screen into ROWS or COLS.
The <FRAMESET> will then contain <FRAME>
elements, one per division of the browser window.
Note: Because there is no BODY container, FRAMESET
pages can't have background images and background
colors associated with them. 5
8. <FRAMESET> Container
<FRAMESET> : The FRAMESET element creates divisions in the
browser window in a single direction. This allows you to define
divisions as either rows or columns.
ROWS : Determines the size and number of rectangular rows
within a <FRAMESET>. They are set from top of the display area
to the bottom.
Possible values are:
Absolute pixel units, I.e. “360,120”.
A percentage of screen height, e.g. “75%,25%”.
Proportional values using the asterisk (*). This is often
combined with a value in pixels , e.g. “360,*”.
<Frameset cols=“200,20%,*,2*”> 8
9. Creating a Frames Page
COLS: Determines the size and number of rectangular columns
within a <FRAMESET>. They are set from left to right of the
display area.
Possible values are:
Absolute pixel units, I.e. “480,160”.
A percentage of screen width, e.g. “75%,25%”.
Proportional values using the asterisk (*). This is often
combined with a value in pixels , e.g. “480,*”.
9
10. Creating a Frames Page
FRAMEBORDER : Possible values 0, 1, YES, NO. A setting of zero will
create a borderless frame.
FRAMESPACING: This attribute is specified in pixels. If you go to
borderless frames you will need to set this value to zero as well, or you will
have a gap between your frames where the border used to be.
BORDER(thickness of the Frame): This attribute specified in pixels. A
setting of zero will create a borderless frame. Default value is 5.
BORDERCOLOR: This attribute is allows you choose a color for your
border. This attribute is rarely used.
10
12. <FRAME>
<FRAME>: This element defines a single frame within a
frameset. There will be a FRAME element for each division
created by the FRAMESET element. This tag has the
following attributes:
SRC: Required, as it provides the URL for the page that will
be displayed in the frame.
NAME: Required for frames that will allow targeting by
other HTML documents. Works in conjunction with the
target attribute of the <A>, <AREA>, <BASE>, and <FORM>
tags. 12
13. <FRAME>
MARGINWIDTH: Optional attribute stated in pixels. Determines
horizontal space between the <FRAME> contents and the frame’s
borders.
MARGINHEIGHT: Optional attribute stated in pixels. Determines
vertical space between the <FRAME> contents and the frame’s borders.
SCROLLING: Displays a scroll bar(s) in the frame. Possible values are:
1. Yes – always display scroll bar(s).
2. No – never display scroll bar(s).
3. Auto – browser will decide based on frame contents.
By default: scrolling is auto.
13
14. <FRAME>
• NORESIZE: Optional – prevents viewers from resizing the frame. By
default the user can stretch or shrink the frame’s display by selecting the
frame’s border and moving it up, down, left, or right.
14
15. <NOFRAMES>
<NOFRAMES>: Frame – capable browsers ignore all HTML
within this tag including the contents of the BODY element. This
element does not have any attributes.
<HTML>
<HEAD>
<TITLE> Framed Page </TITLE>
</HEAD>
15
16. <NOFRAMES>
<FRAMESET COLS="23%,77%">
<FRAME SRC="" NAME="left_pane“>
<FRAME SRC="" NAME="right_pane">
<NOFRAMES>
<P> This is a Framed Page. Upgrade your browser to support
frames.</P>
</NOFRAMES></FRAMESET>
16
17. Compound FRAMESET Divisions
In this case a second FRAMESET element will be
inserted in the place of the FRAME element that would
describe the second row.
The second FRAMESET element will divide the
remaining screen real estate into 2 columns.
This nested FRAMESET will then be followed by 2
FRAME elements to describe each of the subsequent
frame divisions created.
17
26. What do the following mean?
1. <FRAMESET COLS="2*, 3*, 5*">
2. <FRAMESET COLS="150, 20%, *, 3*">
So what are the space-allocation priorities? Absolute pixel
values are always assigned space first, in order from left to
right. These are followed by percentage values of the total
space. Finally, proportional values are divided based upon what
space is left.
26
27. Generic Frame Formula
• The <FRAME> tag has six associated attributes: SRC, NAME,
MARGINWIDTH, MARGINHEIGHT, SCROLLING, and NORESIZE.
Here's a complete generic FRAME:
• <FRAME SRC="url" NAME="window_name"
SCROLLING=YES|NO|AUTO MARGINWIDTH="value"
MARGINHEIGHT="value"
NORESIZE>
27
28. What will be the Output?
<FRAMESET ROWS="*, 2*, *" COLS="2*, *">
<FRAME SRC=“”>
<FRAME SRC=“”>
<FRAME SRC=“”>
<FRAME SRC=“”>
<FRAME SRC=“”>
<FRAME SRC=“”>
</FRAMESET>
28
29. Targets
When you use links for use in a frames environment you will
need to specify an additional attribute called TARGET.
The TARGET attribute uses the NAME attribute of the FRAME
element.
If we were to place a link in doc1.html that linked to doc3.html
and we wanted doc3.html to be displayed in the right
windowpane; the HTML code would appear in doc1.html as
follows:
<A HREF=“doc3.html” TARGET=“right_pane”>Link to Document
3 </A>
29
30. Special Targets
There are 4 special target names that cannot be assigned by the NAME attribute of
the FRAME tag.
1. TARGET=“_top” : This loads the linked document into the full browser window
with the URL specified by the HREF attribute. All frames disappear, leaving the
new linked page to occupy the entire window. The back is turned on.
2. TARGET=“_blank” : Opens an unnamed new browser window and loads the
document specified in the URL attribute into the new window (and your old
window stays open). The back is turned off. Other windows remains on.
3. TARGET=“_self” : Loads the document in the same window where the anchor
was {Clicked}. This is the default setting for linking elements.
4. TARGET=“_parent” : the _parent frame is a prior frameset that the current
frameset was “spawned” from. If there isn’t one it is the browser window. The
document is loaded into the area occupied by the columns or rows frameset
containing the frame that contains the link. The back is turned on. All windows
disappear.
30
31. 31
If a frame contains the following link, then clicking the link launches a
new, unnamed browser display window that contains the content
defined in stuff.HTM. This can be a simple HTML document, or an
entirely new FRAMESET definition.
1. <A HREF="stuff.html" TARGET="_blank">
If a frame contains the following link, then clicking the link will simply
cause the frame which contains the link to clear, and its content will be
replaced with whatever is in stuff.htm.
2. <A HREF="stuff.html" TARGET="_self">
If a frame contains the following link, the frameset that contains the
frame that contains this link will be replaced by stuff.HTM.
3. <A HREF="stuff.html" TARGET="_parent">
Finally, if a frame contains the following link, clicking the link replaces
the entire browser window with the contents of stuff.HTM.
4. <A HREF="stuff.html" TARGET="_top">
32. 32
TheTARGET attribute allows you to specify the frame into which a
page is to be loaded into in a frames setting.
<A HREF=“chap1.html”TARGET=“_self”> [Chapter 1]</A>
<A HREF=“chap1.html”TARGET=“_parent”> [Chapter 2]</A>
Parent window
Learning HTML
[Chapter 1][Chapter 2][Chapter 3]
chap1.html
chap2.html
Targeting links to frames
33. 33
TheTARGET attribute allows you to specify the frame into which a page is to be loaded
into in a frames setting.
<A HREF=“chap1.html”TARGET=“bottom”> [Chapter 1]</A>
<A HREF=“chap2.html”TARGET=“bottom”> [Chapter 2]</A>
<A HREF=“chap3.html”TARGET=“bottom”> [Chapter 3]</A>
Learning HTML
[Chapter 1][Chapter 2][Chapter 3]
chap1.html
chap2.html
chap3.html
Targeting links to frames
34. Forms
Forms add the ability to web pages to not only provide the person viewing the
document with dynamic information but also to obtain information from the
person viewing it, and process the information.
Objectives:
Upon completing this section, you should be able to
1. Create a FORM.
2. Add elements to a FORM.
3. Define CGI (Common Gateway Interface).
4. Describe the purpose of a CGI Application.
5. Specify an action for the FORM.
Forms work in all browsers.
Forms are Platform Independent.
34
35. Forms
To insert a form we use the <FORM></FORM> tags.The rest of the form
elements must be inserted in between the form tags.
<HTML> <HEAD>
<TITLE> Sample Form</TITLE>
</HEAD>
<BODY BGCOLOR=“FFFFFF”>
<FORM ACTION = http://www.xnu.com/formtest.asp>
<P> First Name: <INPUTTYPE=“TEXT” NAME=“fname” MAXLENGTH=“50”>
</P>
<P> <INPUTTYPE=“SUBMIT” NAME=“fsubmit1” VALUE=“Send Info”> </P>
</FORM>
</BODY> </HTML> 35
36. <FORM> element attributes
ACTION: is the URL of the CGI (Common Gateway Interface)
program that is going to accept the data from the form, process it,
and send a response back to the browser.
METHOD: GET (default) or POST specifies which HTTP method will
be used to send the form’s contents to the web server.The CGI
application should be written to accept the data from either method.
NAME: is a form name used byVBScript or JavaScripts.
TARGET: is the target frame where the response page will show up.
36
37. Form Elements
Form elements have properties:Text boxes, Password boxes,
Checkboxes, Option(Radio) buttons, Submit, Reset, File, Hidden and
Image.
The properties are specified in theTYPE Attribute of the HTML element
<INPUT></INPUT>.
37
39. Form Elements
<INPUT> Element’s Properties
TYPE = Type of INPUT entry field.
NAME = Variable name passed to CGI application
VALUE = The data associated with the variable name to be
passed to the CGI application
CHECKED = Button/box checked
SIZE = Number of visible characters in text field
MAXLENGTH = Maximum number of characters accepted.
39
40. Text boxes: Used to provide input fields for text, phone numbers,
dates, etc.
<INPUTTYPE= "TEXT " >
Browser will display
Textboxes use the following attributes:
TYPE: text.
SIZE: determines the size of the textbox in characters. Default=20
characters.
MAXLENGHT : determines the maximum number of characters that
the field will accept.
NAME: is the name of the variable to be sent to the CGI application.
VALUE: will display its contents as the default value.
40
Text Box
41. Example on Text Box
<TITLE>FormText_Type</TITLE>
</HEAD> <BODY>
<h1> <font color=blue>Please enter the following bioData</font></h1>
<FORM name="form1" Method= " get " Action= " URL " >
First Name: <INPUTTYPE="TEXT" NAME="FName"
SIZE="15" MAXLENGTH="25"><BR>
Last Name: <INPUTTYPE="TEXT" NAME="LName"
SIZE="15" MAXLENGTH="25"><BR>
Nationality: <INPUTTYPE="TEXT" NAME="Country"
SIZE="25" MAXLENGTH="25"><BR>
The Phone Number: <INPUTTYPE="TEXT" NAME="Phone"
SIZE="15" MAXLENGTH="12"><BR>
</FORM> </BODY> </HTML>
41
43. Password:Used to allow entry of passwords.
<INPUTTYPE= " PASSWORD " >
Browser will display
Text typed in a password box is starred out in the browser display.
Password boxes use the following attributes:
TYPE: password.
SIZE: determines the size of the textbox in characters.
MAXLENGTH: determines the maximum size of the password in
characters.
NAME: is the name of the variable to be sent to the CGI application.
VALUE: is usually blank.
43
Password
45. Hidden
Hidden: Used to send data to the CGI application that you
don’t want the web surfer to see, change or have to enter but
is necessary for the application to process the form correctly.
<INPUTTYPE=“HIDDEN”>
Nothing is displayed in the browser.
Hidden inputs have the following attributes:
TYPE: hidden.
NAME: is the name of the variable to be sent to the CGI
application.
VALUE: is usually set a value expected by the CGI application.45
46. Check Box: Check boxes allow the users to select more than one
option.
<INPUTTYPE=“CHECKBOX”>
Browser will display
Checkboxes have the following attributes:
TYPE: checkbox.
CHECKED: is blank or CHECKED as the initial status.
NAME: is the name of the variable to be sent to the CGI application.
VALUE: is usually set to a value. 46
Check Box
49. Radio Button:Radio buttons allow the users to select only one option.
<INPUTTYPE=“RADIO”>
Browser will display
Radio buttons have the following attributes:
TYPE: radio.
CHECKED: is blank or CHECKED as the initial status. Only one radio button can
be checked
NAME: is the name of the variable to be sent to the CGI application.
VALUE: usually has a set value.
49
Radio Button
54. Push Button:This element would be used with JavaScript to cause an
action to take place.
<INPUTTYPE=“BUTTON”>
Browser will display
Push Button has the following attributes:
TYPE: button.
NAME: is the name of the button to be used in scripting.
VALUE: determines the text label on the button.
54
Push Button
55. <DIV align=center><BR><BR>
<FORM>
<FONT Color=red>
<h1>Press Here to see Form1 :<BR>
<INPUT TYPE="button" VALUE="PressMe"><BR><BR>
<FONT Color=blue>
Click Here to see Form2:<BR>
<INPUT TYPE="button" VALUE="ClickMe" > <BR><BR>
<FONT Color=green>
Hit Here to see Form3:<BR>
<INPUT TYPE="button" VALUE="HitME" > <BR><BR>
<FONT Color=yellow>
</FORM></DIV>
55
57. Submit: Every set of Form tags requires a Submit button. This is the
element causes the browser to send the names and values of the other
elements to the CGI Application specified by the ACTION attribute of the
FORM element.
<INPUTTYPE=“SUBMIT”>
The browser will display
Submit has the following attributes:
TYPE: submit.
NAME: value used by the CGI script for processing.
VALUE: determines the text label on the button, usually Submit Query.57
Submit Button
58. 58
<FORM Action="URL" method="get">
First Name: <INPUT TYPE="TEXT" Size=25 name="firstName"><BR>
Family Name: <INPUT TYPE="TEXT" Size=25
name="LastName"><BR>
<BR>
<FONT Color=red>
Press Here to submit the data:<BR>
<INPUT TYPE="submit" VALUE="SubmitData " >
</FORM>
60. • Reset: It is a good idea to include one of these for each form
where users are entering data. It allows the surfer to clear all the
input in the form.
• <INPUTTYPE=“RESET”>
• Browser will display
• Reset buttons have the following attributes:
• TYPE: reset.
• VALUE: determines the text label on the button, usually Reset.
60
Reset Button
61. 61
<FORM Action="URL" method="get">
First Name: <INPUT TYPE="TEXT" Size=25 name="firstName">
<BR>
Family Name: <INPUT TYPE="TEXT" Size=25
name="LastName"><BR>
<BR>
<FONT Color = red>
<STRONG><font size=5>Press Here to submit the
data:</font></STRONG><BR>
<INPUT TYPE="submit" VALUE="SubmitData">
<INPUT TYPE="RESET" VALUE="Reset">
</FORM>
63. Image Submit Button:Allows you to substitute an image for the
standard submit button.
<INPUT TYPE=“IMAGE” SRC=“India.gif”>
Image submit button has the following attributes:
TYPE: Image.
NAME: is the name of the button to be used in scripting.
SRC: URL of the Image file.
63
Image Submit Button
65. • File Upload:You can use a file upload to allow surfers to upload files to your
web server.
• <INPUTTYPE=“FILE”>
• Browser will display
• File Upload has the following attributes:
• TYPE: file.
• SIZE: is the size of the text box in characters.
• NAME: is the name of the variable to be sent to the
CGI application.
• MAXLENGHT: is the maximum size of the input in the textbox in
characters. 65
File
67. <TEXTAREA></TEXTAREA>: is an element that allows for free
form text entry.
Browser will display
Text area has the following attributes:
NAME: is the name of the variable to be sent to the CGI
application.
ROWS: the number of rows to the textbox.
COLS: the number of columns to the textbox. 67
Other Elements used in Forms
68. 68
<BODY bgcolor=lightblue>
<form>
<TEXTAREA COLS=40 ROWS=20 Name="comments" >
The National Pledge is an oath of allegiance to the Republic of India. It is commonly
recited by Indians in unison at public events, especially in schools, and during the
Independence Day and Republic Day celebrations. It is commonly found printed in
the opening pages of school textbooks and calendars.
</TEXTAREA>:
</form>
</BODY>
72. The two following examples are <SELECT></SELECT> elements,
where the attributes are set differently.
The Select elements attributes are:
NAME: is the name of the variable to be sent to the CGI application.
SIZE: this sets the number of visible choices.
MULTIPLE: the presence of this attribute signifies that the user can
make multiple selections. By default only one selection is allowed.
72
Other Elements used in Forms
73. 73
<BODY bgcolor=lightblue>
<form>
Select the cities you have visited:
<SELECT name=“list” size=5>
<option> London</option>
<option> Tokyo</option>
<option> Paris</option>
<option> New York</option>
<option> LA</option>
<option> KL</option>
</SELECT>
</form>
</BODY>
75. Drop Down List:
Name: is the name of the variable to be sent to the
CGI application.
Size: 1.
75
Other Elements used in Forms
76. List Box:
Name: is the name of the variable to be sent to the CGI
application.
SIZE: is greater than one.
76
Other Elements used in Forms
77. Option
The list items are added to the <SELECT> element by
inserting <OPTION></OPTION> elements.
The Option Element’s attributes are:
SELECTED:When this attribute is present, the option is
selected when the document is initially loaded. It is an
error for more than one option to be selected.
VALUE: Specifies the value the variable named in the
select element.
77
Other Elements used in Forms
78. </HEAD>
<BODY>
<h2><font color=blue>What type of Computer do you have?</font><h2>
<FORM>
<SELECT NAME="ComputerType" size=4>
<OPTION value="IBM" SELECTED> IBM</OPTION>
<OPTION value="INTEL"> INTEL</OPTION>
<OPTION value=" Apple"> Apple</OPTION>
<OPTION value="Compaq"> Compaq</OPTION>
</SELECT>
</FORM></BODY></HTML>
78