Vskills certified HTML designer Notes covers the following concepts.
1. HTML and XHTML
1.1 Introduction
1.2 History
1.3 HTML Versions
1.4 Elements, Tags and Attributes
1.5 Head and body tags
1.6 HTML Editor
1.7 Create a web page
1.8 Viewing the Source
1.9 White Space and Flow
1.10 HTML Comments
1.11 HTML Meta Tags
1.12 HTML Attributes
1.13 XHTML First Line
1.14 DTD (Document Type Declaration)
1.15 Special Characters
1.16 Capitalization
1.17 Quotations
1.18 Nesting
1.19 Spacing and Breaks
Get complete e-book on HTML Designer.
http://www.vskills.in/certification/Web-Development/Certified-html-designer
This document provides an introduction to XHTML and its components. It discusses how to:
1) Create basic XHTML documents with elements like <html>, <head>, <title>, and <body>.
2) Add headings, links, images, lists, tables, and forms to XHTML pages.
3) Use validation services to check documents for syntax errors.
4) Include special characters and formatting like horizontal rules.
The document discusses HTML elements like headings, paragraphs, attributes, and styles. It provides information on common HTML tags and attributes like <h1>-<h6> for headings, <p> for paragraphs, and href, src, alt for image links and descriptions. It also covers using the style attribute to specify styles for elements, including properties for background color, text color, font, font size, and text alignment.
HTML is the standard markup language used to create web pages. It uses tags to define headings, paragraphs, links, images and other page elements. HTML documents have a basic structure including <html>, <head>, <title> and <body> tags. Elements are nested within each other and consist of a starting and closing tag with content in between. Attributes provide additional information about elements. HTML pages are viewed in web browsers, which use the tags to render the content but do not display the tags themselves.
This document provides an introduction to HTML (Hypertext Markup Language) including its basic concepts, commonly used tags, and structure. It discusses how HTML is used to design static web pages, provides overviews of HTML tags and attributes, and covers topics like text formatting, links, tables, and adding graphics. The document also summarizes different versions of HTML and its features and applications.
This document provides an introduction to HTML and covers many basic HTML topics including: the anatomy of HTML documents with tags; adding headings, fonts, links, images and tables; naming and saving HTML files; and learning HTML by examining other web pages' source code. It offers quick points on various HTML tags and attributes for text formatting, alignment, links, and images.
The document provides information about designing and developing websites and web applications. It discusses topics like HTML tags for text formatting, lists, tables, images, forms, and multimedia. It also covers CSS for styling websites and the differences between HTML4 and HTML5. The speaker is Md. Zakir Hossain, a software engineer who will teach participants how to design professional websites, develop web-based software, and publish online content in a series of classes.
This document provides an introduction to HTML (Hypertext Markup Language). It describes what HTML is, discusses some basic HTML tags like <HTML>, <HEAD>, <TITLE>, and <BODY>, and how they are used to structure an HTML page. It also covers formatting text with headers, fonts, and other tags. The document concludes with a brief discussion of images and the
This document provides an introduction to XHTML and its components. It discusses how to:
1) Create basic XHTML documents with elements like <html>, <head>, <title>, and <body>.
2) Add headings, links, images, lists, tables, and forms to XHTML pages.
3) Use validation services to check documents for syntax errors.
4) Include special characters and formatting like horizontal rules.
The document discusses HTML elements like headings, paragraphs, attributes, and styles. It provides information on common HTML tags and attributes like <h1>-<h6> for headings, <p> for paragraphs, and href, src, alt for image links and descriptions. It also covers using the style attribute to specify styles for elements, including properties for background color, text color, font, font size, and text alignment.
HTML is the standard markup language used to create web pages. It uses tags to define headings, paragraphs, links, images and other page elements. HTML documents have a basic structure including <html>, <head>, <title> and <body> tags. Elements are nested within each other and consist of a starting and closing tag with content in between. Attributes provide additional information about elements. HTML pages are viewed in web browsers, which use the tags to render the content but do not display the tags themselves.
This document provides an introduction to HTML (Hypertext Markup Language) including its basic concepts, commonly used tags, and structure. It discusses how HTML is used to design static web pages, provides overviews of HTML tags and attributes, and covers topics like text formatting, links, tables, and adding graphics. The document also summarizes different versions of HTML and its features and applications.
This document provides an introduction to HTML and covers many basic HTML topics including: the anatomy of HTML documents with tags; adding headings, fonts, links, images and tables; naming and saving HTML files; and learning HTML by examining other web pages' source code. It offers quick points on various HTML tags and attributes for text formatting, alignment, links, and images.
The document provides information about designing and developing websites and web applications. It discusses topics like HTML tags for text formatting, lists, tables, images, forms, and multimedia. It also covers CSS for styling websites and the differences between HTML4 and HTML5. The speaker is Md. Zakir Hossain, a software engineer who will teach participants how to design professional websites, develop web-based software, and publish online content in a series of classes.
This document provides an introduction to HTML (Hypertext Markup Language). It describes what HTML is, discusses some basic HTML tags like <HTML>, <HEAD>, <TITLE>, and <BODY>, and how they are used to structure an HTML page. It also covers formatting text with headers, fonts, and other tags. The document concludes with a brief discussion of images and the
The document provides information on the history and versions of HTML. It discusses:
- HTML was created by Tim Berners-Lee in 1991 and the first standard was HTML 2.0 in 1995.
- HTML 4.01, published in 1999, was a major version. The current version is HTML5, published in 2012.
- It describes the basic structure of an HTML document, including the <DOCTYPE>, <html>, <head>, and <body> tags. It also discusses common tags like <h1>-<h6> for headings, <p> for paragraphs, and <br> for line breaks.
These slides were prepared for the fulfillment of class presentation in Web Engineering (Masters of Science in Information System Engineering) at Gandaki College of Engineering and Science (GCES).
This document provides an introduction and overview of HTML and CSS concepts through a tutorial. It begins with an introductory chapter that teaches the basics of creating a simple webpage with HTML elements like <html>, <head>, <title>, and <body>. It then covers topics like document structure, adding text, emphasizing text with <em> tags, and changing the background color with CSS. The document defines what elements, attributes, and values are in HTML. It discusses issues like misspellings and browser support for different elements.
The document discusses XML (Extensible Markup Language), which is a flexible way to create common information formats and share data on the web. XML is similar to HTML but describes data content rather than display/interaction. XML allows for unlimited, self-defining markup and can be used by any individual or group wanting to share information consistently. The document also discusses validating XML files, document type definitions (DTDs), element declarations, attribute declarations, and entity declarations in XML.
The document provides information on HTML (Hypertext Markup Language) including common tags, commands, and elements used to structure and style web pages. It describes HTML tags like <head>, <body>, <p>, <b>, <i>, and <img> and how they are used to specify document structure and format text and images. It also covers how to add links, lists, tables, and frames to HTML pages.
The document provides an overview of HTML (Hypertext Markup Language), which is the standard markup language used to create web pages and web applications. It describes HTML as a language used to describe the structure of a web page using markup tags, and that HTML documents contain plain text content along with these tags. It also provides examples of common HTML tags like <h1> for headings, <p> for paragraphs, and <img> for images, and how they are used to structure and layout the visible content of a web page.
- HTML stands for Hypertext Markup Language and HTML documents are plain-text files that can be created using any text editor and contain tags to denote elements like headings, paragraphs, and lists.
- Tags are surrounded by angle brackets and usually come in pairs to mark the start and end of an element. Some elements also include attributes to provide additional information.
- A minimal HTML document requires tags for html, head, title, and body elements and contains headings, paragraphs and other text-based elements.
This document provides an introduction to HTML basics, including:
- HTML is used to author web pages and is made up of tags enclosed in angle brackets.
- The objectives are to use a text editor to author HTML, add basic tags, hyperlinks, images and tables.
- Notepad is recommended for Windows and TextEdit for Mac to author HTML files.
This document outlines a lab assignment for a web application development course. The assignment includes 10 practical aims related to HTML, 2 related to JavaScript, 3 related to CSS, 3 related to XML, and 10 related to PHP. Students will complete tasks involving basic HTML formatting and elements, using JavaScript functions and events, applying CSS stylesheets, creating and transforming XML documents, and building a dynamic website with PHP and MySQL to perform CRUD operations on a database. The assignment aims to provide hands-on experience with core web technologies.
Tutorial 08 - Creating Effective Web Pagesguest22edf3
ย
The document discusses creating effective web pages by defining HTML and examining tools used to create HTML documents. It covers understanding markup languages like HTML, XML and XHTML. It also covers planning HTML documents, adding structure, headings, paragraphs, lists and graphics. The key topics are creating HTML documents, adding formatting elements like headings and paragraphs, and inserting images.
The document provides an overview of HTML (Hypertext Markup Language) including that it is a markup language used to define elements in a web page using tags, describes common HTML tags for headings, paragraphs, lists, links, and tables, and covers basic HTML page structure and syntax such as the <html>, <head>, <body> tags.
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
The document discusses the basics of XHTML including:
- The structure of an XHTML document with the root <html> element containing <head> and <body> elements.
- Common block-level elements like <p>, <h1-6>, and <div> that are used to structure content.
- Character-level elements for text formatting and meaning.
- Validation of XHTML documents and basic syntax rules.
After this presentation students will be able to:
1. Define the term hypertext and state the purpose of HTML.
2. Identify the main parts of an HTML document.
3. Identify and state the purpose of different HTML elements.
4. Differentiate between HTML elements, tags, and attributes.
Create web pages using different basic and formatting tags.
Practical file on web technology(html)RAJWANT KAUR
ย
The document provides information about HTML (Hypertext Markup Language) tags and elements used to format text and structure web pages. It discusses inline elements like <i>, <b>, <u> and block level elements like <p>, <h1>-<h6>, <ol>, <ul>, <dl> that can be used to structure text. It also covers other elements like <img> for inserting images, <a> for creating links, and lists, tables and forms. The document contains code examples and screenshots to demonstrate how each element appears in the browser.
The document discusses HTML5 support in various web browsers. It provides test scores out of 555 for different browsers like Chrome, Firefox, Internet Explorer, Opera and Safari to indicate how well each browser supports HTML5 specifications. It then details support for various HTML5 features in each browser, such as sections elements, microdata, geolocation, video playback, WebGL, WebRTC and more. The test results and feature support details allow users to compare HTML5 compatibility across browsers.
The document is an excerpt from an e-book about HTML web design. It contains introductory lessons on starting with HTML, formatting text, paragraphs and images, links and lists, and tables. The document teaches basic HTML tags and syntax for building web pages, with examples and exercises at the end of each lesson.
What is HTML?
Telling the browser what to do, and what props to use.
A serises of tags that are integrated into a text document.
Tags are ;
surrounded with angle brackets like this
<b> or <i>.
Most tags come in pairs
exceptions: <p>, <br>, <li> tags โฆ
The first tag turns the action on, and the second turns it off.
The document discusses various HTML elements used to structure and format content in a web page. It describes common block-level elements like headings, paragraphs, and divisions. It also covers inline elements for text styling like bold, italics, underline. The document also discusses how to add images, links, tables and lists to an HTML page. It provides syntax and examples for proper implementation of these elements.
HTML5 is the latest version of HTML that aims to improve the language with new multimedia and web application features while keeping it easily readable by humans and consistently understood by computers. It is still a work in progress but supported by major browsers. Key features include new elements for media playback, local storage APIs, and form controls. HTML5 also introduces new APIs for graphics, offline apps, and other features. It allows for cross-platform programming and powers mobile apps on platforms like Tizen, Firefox OS, and Windows 8.
Dokumen tersebut membahas tentang pemanis alami dan buatan. Pemanis alami berasal dari sumber nabati atau hewani seperti gula tebu, gula merah, madu, gula bit, daun stevia, sirup agave dan sirup maple. Sedangkan pemanis buatan seperti sakarin, siklamat, aspartam, dan acesulfame-K memiliki tingkat kemanisan yang lebih tinggi dibanding gula tetapi berpotensi menyebabkan efek samping kesehat
The document provides information on the history and versions of HTML. It discusses:
- HTML was created by Tim Berners-Lee in 1991 and the first standard was HTML 2.0 in 1995.
- HTML 4.01, published in 1999, was a major version. The current version is HTML5, published in 2012.
- It describes the basic structure of an HTML document, including the <DOCTYPE>, <html>, <head>, and <body> tags. It also discusses common tags like <h1>-<h6> for headings, <p> for paragraphs, and <br> for line breaks.
These slides were prepared for the fulfillment of class presentation in Web Engineering (Masters of Science in Information System Engineering) at Gandaki College of Engineering and Science (GCES).
This document provides an introduction and overview of HTML and CSS concepts through a tutorial. It begins with an introductory chapter that teaches the basics of creating a simple webpage with HTML elements like <html>, <head>, <title>, and <body>. It then covers topics like document structure, adding text, emphasizing text with <em> tags, and changing the background color with CSS. The document defines what elements, attributes, and values are in HTML. It discusses issues like misspellings and browser support for different elements.
The document discusses XML (Extensible Markup Language), which is a flexible way to create common information formats and share data on the web. XML is similar to HTML but describes data content rather than display/interaction. XML allows for unlimited, self-defining markup and can be used by any individual or group wanting to share information consistently. The document also discusses validating XML files, document type definitions (DTDs), element declarations, attribute declarations, and entity declarations in XML.
The document provides information on HTML (Hypertext Markup Language) including common tags, commands, and elements used to structure and style web pages. It describes HTML tags like <head>, <body>, <p>, <b>, <i>, and <img> and how they are used to specify document structure and format text and images. It also covers how to add links, lists, tables, and frames to HTML pages.
The document provides an overview of HTML (Hypertext Markup Language), which is the standard markup language used to create web pages and web applications. It describes HTML as a language used to describe the structure of a web page using markup tags, and that HTML documents contain plain text content along with these tags. It also provides examples of common HTML tags like <h1> for headings, <p> for paragraphs, and <img> for images, and how they are used to structure and layout the visible content of a web page.
- HTML stands for Hypertext Markup Language and HTML documents are plain-text files that can be created using any text editor and contain tags to denote elements like headings, paragraphs, and lists.
- Tags are surrounded by angle brackets and usually come in pairs to mark the start and end of an element. Some elements also include attributes to provide additional information.
- A minimal HTML document requires tags for html, head, title, and body elements and contains headings, paragraphs and other text-based elements.
This document provides an introduction to HTML basics, including:
- HTML is used to author web pages and is made up of tags enclosed in angle brackets.
- The objectives are to use a text editor to author HTML, add basic tags, hyperlinks, images and tables.
- Notepad is recommended for Windows and TextEdit for Mac to author HTML files.
This document outlines a lab assignment for a web application development course. The assignment includes 10 practical aims related to HTML, 2 related to JavaScript, 3 related to CSS, 3 related to XML, and 10 related to PHP. Students will complete tasks involving basic HTML formatting and elements, using JavaScript functions and events, applying CSS stylesheets, creating and transforming XML documents, and building a dynamic website with PHP and MySQL to perform CRUD operations on a database. The assignment aims to provide hands-on experience with core web technologies.
Tutorial 08 - Creating Effective Web Pagesguest22edf3
ย
The document discusses creating effective web pages by defining HTML and examining tools used to create HTML documents. It covers understanding markup languages like HTML, XML and XHTML. It also covers planning HTML documents, adding structure, headings, paragraphs, lists and graphics. The key topics are creating HTML documents, adding formatting elements like headings and paragraphs, and inserting images.
The document provides an overview of HTML (Hypertext Markup Language) including that it is a markup language used to define elements in a web page using tags, describes common HTML tags for headings, paragraphs, lists, links, and tables, and covers basic HTML page structure and syntax such as the <html>, <head>, <body> tags.
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
The document discusses the basics of XHTML including:
- The structure of an XHTML document with the root <html> element containing <head> and <body> elements.
- Common block-level elements like <p>, <h1-6>, and <div> that are used to structure content.
- Character-level elements for text formatting and meaning.
- Validation of XHTML documents and basic syntax rules.
After this presentation students will be able to:
1. Define the term hypertext and state the purpose of HTML.
2. Identify the main parts of an HTML document.
3. Identify and state the purpose of different HTML elements.
4. Differentiate between HTML elements, tags, and attributes.
Create web pages using different basic and formatting tags.
Practical file on web technology(html)RAJWANT KAUR
ย
The document provides information about HTML (Hypertext Markup Language) tags and elements used to format text and structure web pages. It discusses inline elements like <i>, <b>, <u> and block level elements like <p>, <h1>-<h6>, <ol>, <ul>, <dl> that can be used to structure text. It also covers other elements like <img> for inserting images, <a> for creating links, and lists, tables and forms. The document contains code examples and screenshots to demonstrate how each element appears in the browser.
The document discusses HTML5 support in various web browsers. It provides test scores out of 555 for different browsers like Chrome, Firefox, Internet Explorer, Opera and Safari to indicate how well each browser supports HTML5 specifications. It then details support for various HTML5 features in each browser, such as sections elements, microdata, geolocation, video playback, WebGL, WebRTC and more. The test results and feature support details allow users to compare HTML5 compatibility across browsers.
The document is an excerpt from an e-book about HTML web design. It contains introductory lessons on starting with HTML, formatting text, paragraphs and images, links and lists, and tables. The document teaches basic HTML tags and syntax for building web pages, with examples and exercises at the end of each lesson.
What is HTML?
Telling the browser what to do, and what props to use.
A serises of tags that are integrated into a text document.
Tags are ;
surrounded with angle brackets like this
<b> or <i>.
Most tags come in pairs
exceptions: <p>, <br>, <li> tags โฆ
The first tag turns the action on, and the second turns it off.
The document discusses various HTML elements used to structure and format content in a web page. It describes common block-level elements like headings, paragraphs, and divisions. It also covers inline elements for text styling like bold, italics, underline. The document also discusses how to add images, links, tables and lists to an HTML page. It provides syntax and examples for proper implementation of these elements.
HTML5 is the latest version of HTML that aims to improve the language with new multimedia and web application features while keeping it easily readable by humans and consistently understood by computers. It is still a work in progress but supported by major browsers. Key features include new elements for media playback, local storage APIs, and form controls. HTML5 also introduces new APIs for graphics, offline apps, and other features. It allows for cross-platform programming and powers mobile apps on platforms like Tizen, Firefox OS, and Windows 8.
Dokumen tersebut membahas tentang pemanis alami dan buatan. Pemanis alami berasal dari sumber nabati atau hewani seperti gula tebu, gula merah, madu, gula bit, daun stevia, sirup agave dan sirup maple. Sedangkan pemanis buatan seperti sakarin, siklamat, aspartam, dan acesulfame-K memiliki tingkat kemanisan yang lebih tinggi dibanding gula tetapi berpotensi menyebabkan efek samping kesehat
Guest satisfaction surveys are important for hotels to understand guest needs, future development, and engage loyalty. Hotels should collect feedback, analyze it, and act on insights to build loyalty and increase bookings. While online reviews provide unsolicited feedback, surveys allow for structured, verified private feedback directly addressing hotels. Surveys should ask how likely guests are to recommend and use a rating scale or Net Promoter Score. Key metrics include review indexes, satisfaction scores, and NPS. Questions should explore experiences both qualitatively and quantitatively, be clear, understand the guest journey, and allow follow up. Mobile increases response rates and involvement. Feedback should recognize positives, coach negatives, and enable tactical and strategic adjustments.
This document outlines criteria for assessing music video research, including quantity of research consisting of at least 30 sources, range of different video types and genres, quality analysis of purpose, type and inspiration of videos, suitability of 5 songs for potential videos, and overall quality of research. Performance is ranked on a scale of 1 to 4 levels.
Este catรกlogo de productos presenta una variedad de dulces y caramelos mexicanos tradicionales, asรญ como comprimidos de hierbas, todo empacado y listo para la venta. Incluye detalles sobre los productos como sabores, empaques y presentaciones. Tambiรฉn proporciona informaciรณn de contacto de la empresa Dulces La Perla como direcciรณn, telรฉfono, pรกgina web y redes sociales.
This document reports on the development of a self-balancing robot. It describes the key modules of the robot's mechanical and electronic systems. The mechanical system uses a wooden structure and two wheels. The electronic system includes a processor module using an Arduino Mega, sensor modules consisting of an IMU and quadrature encoders, actuator modules with DC motors and motor drivers, and a communication module using Zigbee wireless. It then discusses modeling the dynamics of the DC motors and robot, and designing control systems using PID and state space control approaches.
The document discusses refreshing an access token by making a refresh request to the token endpoint with parameters including grant_type set to "refresh_token" and the refresh_token. The authorization server must authenticate the client if it is confidential, validate the refresh token, and if valid, issue a new access token and potentially refresh token while revoking the old refresh token.
WordPress 4.3 includes several new features to improve the user experience, including easier menu management directly from the customizer, more robust editing options, stronger default passwords for improved security, and better user search functionality. It also addresses common issues like disabling comments by default and allowing favicon uploading without plugins. The document recommends the digital agency PixelCrayons for design and development services for WordPress 4.3 projects.
La feria de San Miguel se llevarรก a cabo en el recinto ferial de Torremolinos de 8:00 hasta tarde, ofreciendo muchas atracciones para que la gente se divierta.
Citations & google my business for audiology marketingGeoffrey Cooling
ย
One of the presentations we undertook at the audiology marketing master class events in the UK in 2015. This presentation focused on why citations and Google My Business profiles are imperative for your online audiology marketing strategy
The document provides information about the Certified Organizational Behavior Professional certification from Vskills. It describes that the certification assesses candidates on managing organizational behavior, individual behavior, team management, organizational culture and other areas. It is intended for professionals, graduates and existing employees seeking career progression or to strengthen their resume. The certification can help candidates in today's competitive job market and increase employment and earning opportunities.
The document describes the four main grant types for obtaining authorization in OAuth 2.0: authorization code grant, implicit grant, resource owner password credentials grant, and client credentials grant. It provides details on the workflow and parameters for authorization requests and access token responses for each grant type. An extension mechanism is also described to define additional grant types using absolute URIs.
This 20-minute presentation provides an introduction to several HTML5 semantic tags: article, section, aside, header, footer, nav. Includes how you can address browser compatibility issues.
HTML5 is the next generation of HTML that supersedes previous versions. Key features of HTML5 include new semantic HTML elements, Web Forms 2.0, multimedia support for video and audio, canvas element for 2D drawing, and local storage. HTML5 aims to provide one standard for web development that works across all major browsers through cooperation between the W3C and WHATWG.
1) A group of 3rd year Bachelor of Secondary Education students majoring in Mathematics from Cavite State University are requesting permission from the principal of Queen of Angels Learning Center to conduct their demonstration teaching at the school as part of the requirements for their EDTC22: Instructional Media Resources subject.
2) The letter provides the names and details of the 4 students who will be undertaking the demonstration teaching.
3) Permission from the principal is required to allow the students to participate in the field experience, which is intended to help transform and develop the pre-service teachers.
StudioVox is the first online community that includes all creative fields and provides a complete marketplace for creatives; creative professionals, creative companies, and agencies all on a single platform.
Creatives showcase and promote their work, connect with industry and peers, and find their next job.
Companies and agencies promote their products and services, and hire top talent.
El documento describe la evoluciรณn de los tipos de trazados urbanos a travรฉs de la historia, desde las primeras ciudades en la antigรผedad hasta la ciudad postindustrial moderna. Explica los principales tipos de trazados como irregular, radiocรฉntrico u ortogonal y cรณmo las ciudades han ido cambiando con la revoluciรณn industrial y el desarrollo posterior, adoptando una estructura tรญpica con un centro histรณrico, ensanche y zonas residenciales y no residenciales en la periferia.
Vskills certified html5 developer Notes covers the following topics.
HTML5
Introduction
History
HTML Versions
HTML5 Enhancements
Elements, Tags and Attributes
Head and body tags
HTML Editor
Create a web page
Viewing the Source
White Space and Flow
HTML Comments
HTML Meta Tags
HTML Attributes
XHTML First Line
DTD (Document Type Declaration)
HTML5 new Doctype and Charset
Special Characters
Capitalization
Quotations
Nesting
Spacing and Breaks
HTML5 Global attributes
http://www.vskills.in/certification/Web-Development/Certified-HTML5-Developer
This document provides an introduction to HTML (Hypertext Markup Language) and describes the basic structure and tags used in an HTML document. It explains that HTML documents use markup tags to define headings, paragraphs, lists and other elements. The key tags are <html> to define an HTML document, <head> for page header info like the <title>, and <body> for the visible page content. It provides examples of basic HTML documents and describes common tags like <p> for paragraphs and <h1> for headings.
HTML (Hypertext Markup Language) is the standard markup language used to create web pages. It uses tags to structure paragraphs, headings, links and other content. HTML files are read by browsers to display web pages. HTML documents consist of elements made up of opening and closing tags that define the structure and layout of content on a web page. Common block-level elements like <html>, <head> and <body> define overall page structure, while inline elements format text within blocks.
HTML stands for HyperText Markup Language. It is a standard markup language for web page creation. It allows the creation and structure of sections, paragraphs, and links using HTML elements (the building blocks of a web page) such as tags and attributes.
HTML (Hypertext Markup Language) is the standard markup language used to create web pages. It uses tags to structure paragraphs, headings, links and other content. HTML documents are made up of elements consisting of opening and closing tags that define the structure and layout of a webpage. Common elements include block-level elements that start on a new line, like headings, and inline elements that style text within blocks, like links. While HTML has limitations as a static language, it has remained widely used due to its accessibility, support and flexibility working with other technologies.
HTML is a markup language that allows users to structure and format web pages. It uses tags like <p> and <div> to organize content into sections, paragraphs, headings, and other blocks. While HTML provides structure, CSS and JavaScript are needed to style pages and add dynamic functionality. HTML files are rendered and displayed in web browsers.
This document is a group assignment submitted by 6 students from Assosa University in Ethiopia on May 26, 2013. It provides information on HTML, XHTML, XML, and summarizes key differences between these markup languages. HTML is for creating web pages, XHTML is a stricter version of HTML, and XML is a generic markup language that allows users to define their own tags for transporting and storing data.
Unit 7 introduces HTML (Hypertext Markup Language), which is used to structure and present content for the web. HTML has two main components: hypertext, which allows users to navigate between pages by clicking links, and markup, which involves using tags to structure text. Some key advantages of HTML are that it is easy to learn and use, free, supported by most browsers, easy to edit without special tools, and integrates well with other languages. The basic structure of an HTML document involves tags like <html>, <head>, <title>, and <body>. HTML editors can be either text-based or WYSIWYG (What You See Is What You Get) and allow writing and viewing HTML code.
This document provides an overview of HTML and common HTML elements. It introduces HTML, the basic syntax including elements, attributes, comments, and minimal document structure. It also describes some common block-level elements like headings, paragraphs, line breaks, and inline elements like strong, em, i, and links. The next lesson will cover additional HTML elements and attributes.
This document provides an introduction to HTML, including how to create basic HTML documents and use common HTML tags. It explains that HTML documents have a structure with <html>, <head>, and <body> tags. The <head> contains the <title> while the <body> holds visible content. It also describes important HTML attributes like id, title, class, and style that can be used on most tags. Meta tags are discussed for adding metadata to pages.
This document provides an introduction to HTML, including how to create basic HTML documents and common HTML tags. It explains that HTML documents have a basic structure of <html>, <head>, and <body> tags. The <head> contains metadata like the <title>. The <body> contains visible page content. It also describes some core HTML attributes like id, title, class, and style that can be used on most tags. Meta tags are explained as a way to provide metadata about documents.
This document provides an introduction to HTML, including how to create a basic HTML document, the structure of an HTML document, common HTML tags, and metadata tags. It explains that an HTML document contains <html>, <head>, and <body> tags and describes what each tag is used for. It also lists some common tags like <title>, <p>, and <h1> and explains how to open a basic HTML file in a text editor and web browser to view it. Finally, it discusses HTML meta tags which can provide metadata about the document.
The document provides information on HTML (Hypertext Markup Language). It discusses that HTML is used to create web pages and applications, and is the most widely used language on the web. It also describes the basic structure of an HTML document and some common HTML tags like <html>, <head>, <body>, <p>, and <h1>.
This document provides an introduction to HTML, including:
- HTML stands for Hypertext Markup Language and provides structure and presentation for content on webpages.
- The basic structure of an HTML document includes the <html>, <head>, <title>, and <body> tags. Common elements like headings, paragraphs, and divs are explained.
- Attributes like id and class are used to provide additional information and styling for elements. Lists, images, videos and links are also covered. Tables, forms and their various tags are introduced as well.
This document discusses HTML (Hypertext Markup Language), the most widely used language for creating web pages. It describes what HTML is, how it uses markup tags to provide structure and layout for web content. The document also explains how HTML pages are rendered and displayed in web browsers, and provides examples of common HTML tags and elements used to create basic HTML documents.
HTML (Hypertext Markup Language) is the standard markup language used to create web pages. HTML uses tags to mark up elements within web pages to indicate their semantic structure. Common tags are used to define headings, paragraphs, links, images, and more. Web browsers read HTML files and display the pages according to the tags.
The document provides an overview of HTML including:
1) A brief history of HTML from its origins in the 1960s through its standardization by the W3C in the late 1990s.
2) An explanation of HTML syntax including tags, elements, attributes, and nesting.
3) A discussion of semantic markup and its advantages over presentation-oriented markup.
4) A description of the basic structure of an HTML document including the DOCTYPE, html, head, and body elements.
5) A quick tour of common HTML elements like headings, paragraphs, links, and divisions.
The document provides information about HTML (Hypertext Markup Language) elements and tags used to structure and format web pages. It defines key concepts like the difference between the Internet and World Wide Web. It explains what web pages, websites, and how they are designed. It also provides details on important HTML tags like headings, paragraphs, links, images and how to format text. Design concepts like content, usability, and visibility that make websites effective are also summarized.
This guide was designed to teach beginner web designers and programmers how to use HTML.:D This guide is aimed to give newbies a little experience in writing HTML code, saving their files correctly, and viewing the completed works in a web browser. HTML may seem confusing or boring at first, but we will help you understand how it works and by the end of the book you would be told about how to make your first web home page for your website.
Similar to Vskills certified html designer Notes (20)
Vskills certified administrative support professional sample materialVskills
ย
Office administration involves activities related to financial planning, record keeping, billing, personnel management, and logistics within an organization. An office administrator plays a key role ensuring these administrative activities run efficiently. The duties of an office administrator vary depending on the employer but can include managing budgets, human resources, records, and supervising other employees. Common office administration roles include receptionists, administrative assistants, personal assistants, executive assistants, and office managers. As the office workplace has evolved, the role of the office administrator has shifted from primarily secretarial duties to being a strategic professional focused on improving office efficiency.
vskills customer service professional sample materialVskills
ย
The document discusses customer service and customer handling. It defines customer service as activities designed to enhance customer satisfaction by meeting expectations. Poor customer service can cost a company more to acquire new customers than retain existing ones. Customers want quality products/services at fair prices and to feel satisfied. Good customer service includes listening to understand customer needs, answering problems promptly, and making customers feel heard and their issues addressed. Building relationships with customers through frequent communication, addressing complaints, and rewarding customers can help with customer retention.
The document provides an overview of operations management. It defines operations management as the business function responsible for managing the resources and processes involved in producing a company's goods and services. This includes planning, organizing and controlling activities such as procurement, manufacturing and distribution. The key objectives of operations management are to provide high quality customer service while efficiently utilizing resources. Operations management transforms various inputs like materials, labor and equipment into outputs that add value for customers through systematic processes.
Vskills certified six sigma yellow belt sample materialVskills
ย
Six Sigma is a data-driven approach to process improvement that focuses on reducing variability in processes by identifying and eliminating defects. It involves applying statistical methods and tools to measure a process's performance, systematically analyze sources of defects and variability, and implement solutions. Six Sigma follows five phases known as DMAIC: Define, Measure, Analyze, Improve, and Control. The goal of Six Sigma is to reduce defects to 3.4 defects per million opportunities. Key principles of Six Sigma include having a customer focus, identifying root causes of problems, eliminating sources of variation, using a team-based approach, being flexible, and taking a thorough problem-solving approach.
Vskills production and operations management sample materialVskills
ย
Operations management is the process of managing the resources which are necessary to produce a company's goods or services. It involves planning, organizing and controlling these resources. The key functions are operations and supply chains on the supply side, and sales and marketing on the demand side. The ideal goal is to achieve an economic match between supply and demand. Operations management has evolved over time from a focus on efficiency to also emphasizing quality, flexibility and customer responsiveness. New approaches now view technology as a way to improve quality in addition to reducing costs.
vskills leadership skills professional sample materialVskills
ย
This document discusses various leadership styles and theories. It begins by defining leadership and explaining its importance for organizations. It then describes different leadership styles like laissez-faire, autocratic, participative, transactional, transformational, and others. It also discusses leadership theories such as the trait approach, behavioral approach, contingency/situational approach, path-goal theory, and charismatic leadership. Overall, the document provides an overview of key concepts in leadership styles and theoretical frameworks.
Facility management involves maintaining and managing buildings to ensure their functionality. It encompasses functions like operations and maintenance, project management, quality, real estate, and technology. It aims to improve cost-effectiveness, productivity, efficiency, and employee well-being. Facility management is still developing as a profession, working to standardize definitions and bring more awareness to its value. It traces its origins to increased need for interior space planning and now must help organizations adapt quickly to changes. Building services play a key role in facility management, accounting for 30-40% of building costs and influencing sustainability and energy usage.
Vskills international trade and forex professional sample materialVskills
ย
The World Trade Organization (WTO) supervises and liberalizes international trade according to agreements signed by member governments. It provides a framework for negotiating trade agreements and resolving disputes. The WTO aims to promote open trade for the benefit of all through principles like non-discrimination, transparency, and binding commitments. It currently has 153 member countries and seeks to facilitate global trade through negotiations like the Doha Round.
Vskills production planning and control professional sample materialVskills
ย
Production planning and control involves planning production activities to meet goals and monitoring execution to minimize deviations. It includes determining required production levels, scheduling work, and setting standards. Control takes corrective action when monitoring finds errors. The document discusses production planning, control, their principles and objectives which include meeting customer demand, ensuring material and equipment availability, and coordinating departments to deliver quality products on time and budget.
Vskills purchasing and material management professional sample materialVskills
ย
The document discusses purchase management and the purchasing function. It covers the objectives of purchasing which include maintaining continuity of supply, quality standards, and avoiding waste. It also discusses the history of purchase management, functions of the purchase department, methods of purchasing, and purchase organization structures for small businesses and larger companies. Common structures include centralized purchasing where all purchasing reports to one executive, and decentralized purchasing where each facility handles its own purchasing.
Vskills manufacturing technology management professional sample materialVskills
ย
Strategic management involves formulating goals and implementing initiatives based on internal and external environmental assessments. There are four phases to strategic management processes: defining vision/mission/objectives, strategy formulation, implementation, and evaluation. Strategic decision making considers opportunities/threats and involves committing resources. Mintzberg identified four strategic decision making modes: entrepreneurial, adaptive, planning, and logical incrementalization. Environmental analysis monitors opportunities/threats in the external environment through continuous scanning.
certificate in agile project management sample materialVskills
ย
The document discusses various agile methodologies including Scrum, Extreme Programming, Test Driven Development, Lean, and Kanban. It provides details on Scrum, which is the most popular agile framework. Scrum uses short iterative development cycles called sprints where cross-functional teams work to deliver working software increments. It emphasizes self-organization and adaptive planning. The key roles in Scrum are the Product Owner, Development Team, and Scrum Master.
The document provides an overview of web development basics including web applications, HTML, CSS, and JavaScript. It discusses how web applications utilize a client-server model with the browser as the client and a web server as the server. It also describes common HTML elements and tags as well as how CSS is used to style web pages. JavaScript is introduced as a programming language that allows dynamic interactivity on web pages.
The document provides an overview of object-oriented programming basics and the C++ language. It discusses the basic components of a computer system including input, processing, and output. It also defines different types of software such as system software, operating systems, application software, utilities, and translators. The document then discusses the evolution and timeline of C++ and the three step process of translating a C++ program which includes writing source code, compiling to an object file, and linking to create an executable file.
The document provides an introduction to C programming, including:
- C is a general-purpose programming language used widely for operating systems and software. It allows for maximum control and efficiency.
- The document outlines the basic elements of C like data types, variables, decision making, loops, functions, and file input/output.
- It also discusses compilers, text editors, and the benefits of understanding C programming at a low level. Understanding C provides insight into how computers work at their basic level.
Vskills financial modelling professional sample materialVskills
ย
This document provides an overview of financial modelling, including:
1. Financial modelling involves creating mathematical representations of a company's financial performance and health over time based on historical data and assumptions. It is used for decision making, valuation, forecasting, and analysis.
2. Financial models project items like revenues, expenses, assets, liabilities, and cash flows. Common approaches include modelling items as a percentage of revenues or based on metrics like days sales outstanding.
3. Financial models are used by various parties for purposes like business valuation, scenario planning, capital budgeting, and cost of capital calculations. Spreadsheets are a common tool for building financial models.
Vskills basel iii professional sample materialVskills
ย
Bank regulations are needed to reduce risk in the banking system and promote stability. The Basel Accords established international capital standards to strengthen banks against losses and reduce competitive imbalances. Basel III further advanced these standards to be more risk-sensitive in response to financial innovation and globalization multiplying banking risks. Bank regulations aim to reduce risk exposure for bank creditors, systemic risk from multiple bank failures, criminal misuse of banks, and ensure fair treatment of customers.
Vskills telecom management professional sample materialVskills
ย
The telecom industry in India has grown rapidly over the past few decades. Major factors contributing to India's growth as a leading telecom market include the entry of private operators in the 1990s, which increased competition. As of 2012, India had nearly 1 billion telephone users and a tele-density of around 80%. The mobile market in particular has seen tremendous growth, with over 900 million subscribers. However, challenges remain such as limited infrastructure in rural areas and declining average revenue per user. The industry is expected to generate over $100 billion in revenue by 2015 and create millions of new jobs.
Vskills retail management professional sample materialVskills
ย
The document defines key terms related to retail supply chains. It provides a reference model that depicts the typical flow of goods from second-tier suppliers to original equipment manufacturers, distributors, retailers, and finally to customers. It defines a supply chain as comprising physical, information, financial, and knowledge flows across multiple linked suppliers that aim to satisfy end user requirements. Supply chain management is defined as the integration of key business processes across organizations to add value for customers. The document emphasizes that supply chains include both forward and reverse flows of goods, information, and money.
Vskills contract law analyst sample materialVskills
ย
This document provides an overview of contract law. It defines a contract as an agreement that is enforceable by law. The key elements of a valid contract are agreement, lawful consideration, capacity of parties, free consent, certainty and possibility of performance, and intention to create legal relations. The document discusses different types of contracts such as void, voidable, unenforceable, formal and simple contracts. It also provides details about Indian contract law, which is governed by the Indian Contract Act of 1872.
Temple of Asclepius in Thrace. Excavation resultsKrassimira Luka
ย
The temple and the sanctuary around were dedicated to Asklepios Zmidrenus. This name has been known since 1875 when an inscription dedicated to him was discovered in Rome. The inscription is dated in 227 AD and was left by soldiers originating from the city of Philippopolis (modern Plovdiv).
This presentation was provided by Rebecca Benner, Ph.D., of the American Society of Anesthesiologists, for the second session of NISO's 2024 Training Series "DEIA in the Scholarly Landscape." Session Two: 'Expanding Pathways to Publishing Careers,' was held June 13, 2024.
How Barcodes Can Be Leveraged Within Odoo 17Celine George
ย
In this presentation, we will explore how barcodes can be leveraged within Odoo 17 to streamline our manufacturing processes. We will cover the configuration steps, how to utilize barcodes in different manufacturing scenarios, and the overall benefits of implementing this technology.
This document provides an overview of wound healing, its functions, stages, mechanisms, factors affecting it, and complications.
A wound is a break in the integrity of the skin or tissues, which may be associated with disruption of the structure and function.
Healing is the bodyโs response to injury in an attempt to restore normal structure and functions.
Healing can occur in two ways: Regeneration and Repair
There are 4 phases of wound healing: hemostasis, inflammation, proliferation, and remodeling. This document also describes the mechanism of wound healing. Factors that affect healing include infection, uncontrolled diabetes, poor nutrition, age, anemia, the presence of foreign bodies, etc.
Complications of wound healing like infection, hyperpigmentation of scar, contractures, and keloid formation.
A Visual Guide to 1 Samuel | A Tale of Two HeartsSteve Thomason
ย
These slides walk through the story of 1 Samuel. Samuel is the last judge of Israel. The people reject God and want a king. Saul is anointed as the first king, but he is not a good king. David, the shepherd boy is anointed and Saul is envious of him. David shows honor while Saul continues to self destruct.
2. Certified HTML Designer
www.vskills.in Page 7
1. HTML AND XHTML1. HTML AND XHTML1. HTML AND XHTML1. HTML AND XHTML
1.1 Introduction1.1 Introduction1.1 Introduction1.1 Introduction
Printed information around us whether in the form of newspaper, magazine, books or printed
forms; are divided into small parts like a magazine into articles and each article has its own
heading, sometimes a summary and then followed by the article which is further divided into
paragraphs. Similarly a web site has many web pages composed of images, text, links to other pages
and audio or video for an enriching experience.
Web is a collection of documents that all link together, and bear a strong similarity to the printed
documents around us. Web pages are written in HTML (Hypertext Markup Language) or
XHTML (eXtensible Hypertext Markup Language). Both are document-layout and hyperlink-
specification language. They define how to display the contents of the document, including text,
images, and other support media. The language also tells how to make hypertext links, which
connect document with other documents.
In keeping with the principle of separation of concerns, the function of HTML is primarily to add
structural and semantic information to the raw text of a document. Presentation and behavior are
separate functions, which can be added as desired, ideally through links to external documents
such as style sheets, graphics files, and scripts.
1.2 History1.2 History1.2 History1.2 History
Physicist Berners-Lee specified HTML and wrote the browser, server software and the World
Wide Web in the late 1990. World Wide Web's systems enabled hypertext linking, so documents
automatically reference other documents, located anywhere thus, giving convenience and
increasing productivity.
1.3 HTML Versions1.3 HTML Versions1.3 HTML Versions1.3 HTML Versions
There have been several versions of HTML and is overseen by an organization called the W3C
(World Wide Web Consortium). The last major version of HTML was HTML 4.01 in
December 1999. In January 2000, some stricter rules were added to HTML 4.01, called as
XHTML (Extensible Hypertext Markup Language). HTML 5 is the latest revision of the HTML
standard and currently remains under development.
1.4 Elements, Tags and A1.4 Elements, Tags and A1.4 Elements, Tags and A1.4 Elements, Tags and Attributesttributesttributesttributes
HTML is an embedded language, the language's directions or tags are inserted into the HTML
document that browser loads for viewing. The web browser uses the information inside the HTML
tags to decide how to display or otherwise treat the subsequent contents of a HTML document.
Similar to a word processor like MS-Word in which styles are applied to the text; in a HTML
document markups or tags are applied to stylize text as bold or italicize. Specific tags are applied
on the text for specific styling.
HTML documents are composed of a tree of HTML elements. Each element can have attributes
specified. Elements can also have content, including other elements and text. HTML elements
represent semantics, or meaning. For example, the title element represents the title of the
3. Certified HTML Designer
www.vskills.in Page 8
document. In the HTML syntax, most elements are written with a start tag and an end tag, with the
content in between like
<p>In the HTML syntax, most elements are written ...</p>
However, not all of these elements require the end tag, or even the start tag, to be present like the
br element.
HTML elementHTML elementHTML elementHTML element โ It represents structure or semantics and generally consists of a start tag, content,
and an end tag for example, following is a bold element
<b> This is in bold or more dark.</b>
HTML tagsHTML tagsHTML tagsHTML tags โ They are used to mark the start and end of an HTML element.
Start tagStart tagStart tagStart tag has opening angle bracket (<) followed by element name, zero or more space separated
attribute/value pairs, and a closing angle bracket (>).
A start tag with no attributes: <p>
A start tag with an attribute <p class="info">
End tagEnd tagEnd tagEnd tag has opening angle bracket followed by forward slash, the element name, and a closing
angle bracket
</p>
Empty tagEmpty tagEmpty tagEmpty tag There are also some elements that are empty, meaning that they only consist of a single
tag and do not have any content and look like opening tags
<br>
In XHTML. empty elements must have an end tag or the start tag must end with โ/>โ so it is used
as
<br />
DifferenceDifferenceDifferenceDifference - A tag consists of a left- and right-angle bracket and letters and numbers between those
brackets, but an element is the opening and closing tags plus anything between the two tags.
HTML AttributesHTML AttributesHTML AttributesHTML Attributes โ It defines property for an element, consists of an name and value pair
appearing within the elementโs start tag. Multiple name and value pairs are space separated.
All are illustrated in the figure
4. Certified HTML Designer
www.vskills.in Page 9
1.5 Head and body tags1.5 Head and body tags1.5 Head and body tags1.5 Head and body tags
A web page is contained between the opening <html> and closing </html> tags.
<html> element<html> element<html> element<html> element
This element contains the whole HTML document. HTML document should have one opening
<html> tag and document should end with a closing </html> tag. It has <head> and <body> tags in
it.
<head> element<head> element<head> element<head> element
It is the head of the page, having information about the page but not the content of the page as it
contain a title and a description of the page, or location for CSS and JavaScript files. The element
has an opening <head> tag, the closing </head> tag, and everything in between.
<body> element<body> element<body> element<body> element
It is the body of the web page and has all the content seen on the web page. It consists of the
opening <body> tag, closing </body> tag, and everything in between. Usually it appears after
<head> element and the contents in it are also called as body content. It can have some paragraphs
or complicated layouts having forms and tables for example
<body>
<p>This is a paragraph tag.</p>
</body>
NestingNestingNestingNesting
An element containing other elements, must wholly contain that element. This is called as nesting
elements correctly.
1.61.61.61.6 HTML EditorHTML EditorHTML EditorHTML Editor
HTML editors are used help a HTML designer efficiently and effectively develop web pages in
HTML or XHTML which are not only compliant to standards but also fulfill the user need. Some
popular HTML editors are listed
Amaya (www.w3.org/Amaya) Open-source software on Windows/Mac/Linux and has
WYSIWYG visual editor and Spell-checking
CoffeeCup (www.coffeecup.com) Paid software on Windows only and has WYSIWYG visual
editor, FTP upload, Spell-checking, and Templates
5. Certified HTML Designer
www.vskills.in Page 10
Dreamweaver (www.adobe.com/products/dreamweaver) Paid software on Windows/Mac and
has WYSIWYG visual editor with browser preview, FTP upload, Spell-checking, Templates,
Server-side scripting and Multi-user editing
1.7 Create a web page1.7 Create a web page1.7 Create a web page1.7 Create a web page
The whole web page with html, head and body tag is made by joining earlier sections as
<html>
<head>
<title>Head tag example </title>
<meta name="Keywords" content=" Head tag, exampleโ />
<meta name="description" content=" Head tag example" />
<base href="http://www.vskills.com" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript">
function show_alert()
{
alert("This is confidential page!");
}
</script></head>
<body>
<p>This is a paragraph tag.</p>
</body>
</html>
1.8 Viewing the Source1.8 Viewing the Source1.8 Viewing the Source1.8 Viewing the Source
People learn about HTML by using the view source facility provided by almost all the browsers.
Following steps are to be taken
In the web browser, open the page whose code we like to see.
Choose View > Page Source or Page > View Source, or View Source.
Viewing existing HTML code usually facilitate an inexperienced person to locate areas that cause
problems. Furthermore it enables you to learn various features on existing web pages that you may
encounter while surfing the web. There are two ways of viewing source HTML
Right clickingRight clickingRight clickingRight clicking โ Right click of mouse on the web page, and then clicking View source. In case of
frames, source of frame is accessed and not that of the web page.
Menu BarMenu BarMenu BarMenu Bar โ In view menu which is usually present in all browsers, click the source option to view
the source code.
6. Certified HTML Designer
www.vskills.in Page 11
Right ClickRight ClickRight ClickRight Click ViViViView Menuew Menuew Menuew Menu
HTML code can easily be copied to be used for other pages or they can be taken from existing
web pages, and then modifying that code to suite needs.
1.9 White Space and Flow1.9 White Space and Flow1.9 White Space and Flow1.9 White Space and Flow
Spaces, tabs and new lines are all called as white spaces. White spaces given in the source HTML
is taken as a single space and would also appear as one space by the browser. This phenomenon is
called white space collapsing. A new line or consecutive empty lines, all these are treated as one
space.
<p>The
lines of
this paragraph
are present on
multiple lines
and also space between
words are
treated as a single space. Also
the large spaces between
some of the
words will also not appear
in the
browser.
This is how white space just collapses as a single space.</p>
Browser displays text in the full width of the screen and wraps the text onto new lines when no
space is present. White space collapsing helps in adding spaces in web page for commenting which
does not show in a browser as shown
7. Certified HTML Designer
www.vskills.in Page 12
1.101.101.101.10 HTML CommentsHTML CommentsHTML CommentsHTML Comments
It is part of HTML which is ignored by web browser and is used usually for commenting HTML
tag blocks, to indicate sections of a document or any specific instructions about it. It helps to
understand the HTML code more easily by adding comments to them. But if comments are used
around HTML code then, the code block will not be shown hence, commenting is to be done with
care and precaution.
Single Line CommentSingle Line CommentSingle Line CommentSingle Line Comment
It is indicated by special starting tag โ<!โโand closing tag โ-->โ placed at the beginning and end of
line to be treated as a comment. Comments do not nest and there should be no space in the start-
of-comment string like โ< !โโ will not be treated as comment but will be shown on the screen. An
example of valid comment is
<!-- This is single line comment. -->
MMMMulti line Commentsulti line Commentsulti line Commentsulti line Comments
Commenting multiple lines is done by placing the multiple or different lines between the starting
tag โ<!โโ and closing tag โ-->โto be treated as a comment like
<!--
This is multi line comment
and can comment many lines
present in this block.
-->
Conditional CommentsConditional CommentsConditional CommentsConditional Comments
They are supported by Internet Explorer 5 onwards on Windows, and give instructions specific to
Internet Explorer for browser specific instructions. They can also distinguish between different
versions 5.0, 5.5 and 6.0 for example
<!--[if IE 6]>
Special instructions for IE 6 here
<![endif]-->
They are similar to a comment by using โ<!-- -->โso that other browsers treat them as comment but
internet explorer recognize it and executes the instructions.
Comment tagComment tagComment tagComment tag
Some browsers support <comment> tag for commenting.
<comment>This is a comment.</comment>
1.111.111.111.11 HTML Meta TagsHTML Meta TagsHTML Meta TagsHTML Meta Tags
Meta tags specify metadata about the document. Metadata is information about a document and
not the content of document and usually include items like author, keywords, date and time of
publishing the content, etc. Meta element is used and has name/value pairs describing metadata.
The <meta> tag being a empty element does not have a closing tag, but have information in
attributes.
8. Certified HTML Designer
www.vskills.in Page 13
Metadata given by meta tag is important part of webpage as it helps search engines to index the
webpage as per different search criteria so as to find best match for a user search. Search engines
usually scan keywords on the webpage for its relevance. <meta> tags are placed between <head>
and </head> tags and its attributes are discussed
AttributeAttributeAttributeAttribute DetailDetailDetailDetail
Name Name of property like keywords, description, author etc.
content Value of the property'.
scheme How to interpret value of property (given in content attribute).
http-equiv http response message headers details like to refresh the page or to set a
cookie. Values include content-type, expires, refresh and set-cookie.
Attributes with examples are listed
KeywordsKeywordsKeywordsKeywords โ It is used by search engines for indexing a web page and is given by
<head>
<meta name="keywords" content="Vskills, HTML, Certification" />
</head>
DescriptionDescriptionDescriptionDescription โ It is also used by search engines for indexing the web page as it provides some
information about the web page and it is given by
<head>
<meta name="description" content="Certification in HTML." />
</head>
Revision dateRevision dateRevision dateRevision date โ It is to indicate last update time of the document and is given by
<head>
<meta name="revised" content="Vskills, 6/12/2011" />
</head>
RefreshingRefreshingRefreshingRefreshing โ It specifies duration after which web page will refresh itself and for a 15 seconds
refresh is given by
<head>
<meta http-equiv="refresh" content="15" />
</head>
Page RedirectionPage RedirectionPage RedirectionPage Redirection โ It is for redirecting to another web page using meta tag and usually used with
refresh but if no refresh value is given then redirection takes place immediately.
<head>
<meta http-equiv="refresh"
content="15; url=http://www.vskills.in" />
</head>
CookiesCookiesCookiesCookies - They store data on client computers to be used by web server for tracking a web page
visitor.
<head>
<meta http-equiv="cookie" content="userid=new; course=HTML;
expires=Wednesday, 18-Jun-12 23:59:59 GMT;โ /> </head>
9. Certified HTML Designer
www.vskills.in Page 14
If no expiration date and time is given, cookie becomes a session cookie and is deleted when the
user closes the browser.
AuthorAuthorAuthorAuthor โ It is given as
<head>
<meta name="author" content="Vskills" />
</head>
1.121.121.121.12 HTML AttributesHTML AttributesHTML AttributesHTML Attributes
As discussed earlier, attributes specify properties of an element by name and value pairs thus,
attributes are made up of a name and a value.
The name is the property of element like <font> element has an attribute face for telling the
typeface to use. The value is assigned in double quotation marks separated by equals sign to the
name and the value can be arial or courier for face name of font element. Different attributes are
separated by space as in example
<font face="courierl" color="#ffffff">
Some HTML tags have attributes specific to them only but all have some common attributes.
1.13 XHTML First Line1.13 XHTML First Line1.13 XHTML First Line1.13 XHTML First Line
XHTML language is derived from Extensible Markup Language (XML) which creates markup
languages, and can have an optional XML declaration at start.
<?xml version=โ1.0โ encoding=โUTF-8โ ?>
If included then this declaration should be at the start of document and nothing above it.
Encoding attribute tells about the encoding used in web document to represent characters for
display. Encoding is mentioned as different hardware and software uses different method to
represent character (or encoding).
1.14 DTD (Document Type Declaration)1.14 DTD (Document Type Declaration)1.14 DTD (Document Type Declaration)1.14 DTD (Document Type Declaration)
XHTML is stricter in rule implementation as compared to HTML but being in transition from
HTML, XHTML gives three levels of compliance to a web page which are indicated by Doctype
or Document Type Declaration and which are
Transitional XHTML 1.0 to allow use of outdated markups of HTML 4.1
Strict XHTML 1.0 is used with no outdated markup. It follows XHTML stricter syntax.
Frameset XHTML 1.0 to allow frames in web pages.
Usually transitional XHTML 1.0 is used and the doctype declaration is before <html> tag, and
after optional XML Declaration. Different doctype declarations are
For transitional -
<!DOCTYPE html PUBLIC โ-//W3C//DTD XHTML 1.0 Transitional//ENโ
โhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdโ>
11. Certified HTML Designer
www.vskills.in Page 16
All tags should close as they have been opened within the tag it was opened.
1.19 Spacing and Breaks1.19 Spacing and Breaks1.19 Spacing and Breaks1.19 Spacing and Breaks
Spacing is needed between tags and attributes and more rules need to be followed in applying
spacing which is illustrated by the image
12. Certified HTML Designer
www.vskills.in Page 17
Self Assessment QuestionsSelf Assessment QuestionsSelf Assessment QuestionsSelf Assessment Questions
Q.1 XHTML standard came before HTML 4.0
A. True
B. False
C. Can not say
D. None
Q.2 XHTML standard came before HTML 5.0
A. True
B. False
C. Can not say
D. None
Q.3 All elements should have a closing tag
A. True
B. False
C. Can not say
D. None
AnswersAnswersAnswersAnswers :::: 1-B, 2-A,3-B