HTML is used to structure and style web pages. The document provides guidance on planning a library website and includes basic HTML tags for formatting text, adding images, creating lists, inserting links, and constructing tables. It also recommends free web creation tools and sites for building pages.
This document provides information on basic HTML programming and creating HTML documents. It discusses HTML tags for formatting text, including headings, paragraphs, lists, and links. It also covers including images, audio, video, and preformatted text in HTML pages. The document recommends using text editors at first to learn HTML basics before using visual editors. It explains how to store and publish HTML files on a school web server.
HTML uses markup tags to describe web pages. Common tags include <p> for paragraphs, <h1>-<h6> for headings, <img> for images, and <table> for tables. Lists can be ordered (<ol>), unordered (<ul>), or definitions (<dl>). Forms (<form>) contain elements like text fields and buttons to collect user input.
HTML Basics document provides an overview of HTML elements and tags used to format text and structure web pages. It discusses the basic structure of an HTML document including the <head>, <title>, and <body> sections. Common text formatting tags like <p>, <h1>-<h6>, <strong>, <em>, and <br> are demonstrated. Other elements covered include images, lists, links, and basic styling with inline CSS. The document serves as an introduction to basic HTML syntax and structure.
This document provides examples and explanations of basic HTML elements and tags. It covers common tags for text formatting, lists, links, images, tables and more. Each example is presented as a short code snippet with descriptive comments to explain what the code is demonstrating. The document serves as a tutorial for someone learning the basics of HTML markup.
The document provides an overview of search engine optimization (SEO) techniques through a series of web pages on various topics. It covers on-page optimization elements like title tags, meta descriptions, and keywords. It also discusses off-page optimization techniques such as link building, submitting the website to search engines, and increasing inbound links. The document aims to educate about basic and important SEO concepts.
General Introduction to Web Page and Designing of Web Pages using basic elements of HTML of HTML tags, attributes, Heading, Paragraphs and Images. Also describes the process to work with the function of the tags and the attributes in HTML
HTML FILE,Extension,HTML Tags,Logical and Physical Tags,Nested Tags,Tag Attributes,Headings,Paragraphs,HTML Colors,Color Values,Color Names,HTML Lists,HTML Links,Images and Tables.
HTML is the language used to structure and present content on the World Wide Web. It uses tags to define headings, paragraphs, lists, and other elements. A basic HTML file includes an <html> tag which contains <head> and <body> sections. The <head> includes the <title> and the <body> holds the visible page content. Common tags include <p> for paragraphs, <ul> and <ol> for unordered and ordered lists, and <img> to embed images.
This document provides information on basic HTML programming and creating HTML documents. It discusses HTML tags for formatting text, including headings, paragraphs, lists, and links. It also covers including images, audio, video, and preformatted text in HTML pages. The document recommends using text editors at first to learn HTML basics before using visual editors. It explains how to store and publish HTML files on a school web server.
HTML uses markup tags to describe web pages. Common tags include <p> for paragraphs, <h1>-<h6> for headings, <img> for images, and <table> for tables. Lists can be ordered (<ol>), unordered (<ul>), or definitions (<dl>). Forms (<form>) contain elements like text fields and buttons to collect user input.
HTML Basics document provides an overview of HTML elements and tags used to format text and structure web pages. It discusses the basic structure of an HTML document including the <head>, <title>, and <body> sections. Common text formatting tags like <p>, <h1>-<h6>, <strong>, <em>, and <br> are demonstrated. Other elements covered include images, lists, links, and basic styling with inline CSS. The document serves as an introduction to basic HTML syntax and structure.
This document provides examples and explanations of basic HTML elements and tags. It covers common tags for text formatting, lists, links, images, tables and more. Each example is presented as a short code snippet with descriptive comments to explain what the code is demonstrating. The document serves as a tutorial for someone learning the basics of HTML markup.
The document provides an overview of search engine optimization (SEO) techniques through a series of web pages on various topics. It covers on-page optimization elements like title tags, meta descriptions, and keywords. It also discusses off-page optimization techniques such as link building, submitting the website to search engines, and increasing inbound links. The document aims to educate about basic and important SEO concepts.
General Introduction to Web Page and Designing of Web Pages using basic elements of HTML of HTML tags, attributes, Heading, Paragraphs and Images. Also describes the process to work with the function of the tags and the attributes in HTML
HTML FILE,Extension,HTML Tags,Logical and Physical Tags,Nested Tags,Tag Attributes,Headings,Paragraphs,HTML Colors,Color Values,Color Names,HTML Lists,HTML Links,Images and Tables.
HTML is the language used to structure and present content on the World Wide Web. It uses tags to define headings, paragraphs, lists, and other elements. A basic HTML file includes an <html> tag which contains <head> and <body> sections. The <head> includes the <title> and the <body> holds the visible page content. Common tags include <p> for paragraphs, <ul> and <ol> for unordered and ordered lists, and <img> to embed images.
This document provides an introduction and overview of HTML (Hypertext Markup Language) for a 1999 Asian Women's Network training workshop. It covers basic HTML tags and document structure, how to create and view HTML files, adding text formatting, lists, images, links, and color customization. The document includes examples of HTML tags and attributes for headings, paragraphs, line breaks, emphasis, lists, images, links, setting colors, and specifying relative file paths for images and links.
A web designer creates presentations using coding languages like HTML and CSS that are delivered through browsers. They design the overall look and feel of a website and specify how pages are displayed. Web designers may work for companies, agencies, or freelance. They are responsible for graphics, layout, programming, and content. HTML is the basic language used to structure web pages using tags like <html> and <body>. CSS enhances HTML and is used to format text, backgrounds, borders, and more. CSS can be applied inline, with embedded stylesheets, or external linked stylesheets.
Tim Berners-Lee, a physicist working at CERN, invented HTML in the late 1980s as a way for researchers to share and collaborate on information. The earliest versions of HTML included basic markup tags but lacked features like tables. Subsequent versions in the 1990s, such as HTML 3.2, HTML 4, and HTML 4.01, added support for additional elements, tags, and features to enhance the functionality and capabilities of HTML. HTML is not a programming language but a markup language that uses tags to define the structure and layout of web pages.
HTML is used to write web pages and consists of markup tags that indicate how the content should be displayed in a web browser. Key points covered in the document include:
- HTML pages use tags like <b> and </b> to make text bold, <img> to embed images, and <a> tags and href attributes to create hyperlinks.
- The basic structure of an HTML page includes <head> and <title> sections and a <body> section where visible content goes.
- Lists, text formatting, alignment, and other styling can be controlled through tags like <ul>, <p>, <font>.
- Images are inserted with <img> tags and their size
This document provides an overview of HTML by explaining what it is, how it works, and some key elements. It discusses:
- HTML is a markup language used to describe web pages using tags like <html> and <body>
- Tags are used to define headings, paragraphs, links, tables and more
- Colors can be defined using hexadecimal notation to specify red, green, and blue values
- Common tags are described and examples are given to illustrate HTML page structure and elements
This document provides an overview of HTML and covers topics such as basic HTML structure and tags, formatting text, adding links, creating lists and tables, inserting images, and using form elements. The document includes examples to demonstrate each HTML feature discussed.
- 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.
Web pages are hypertext documents connected to the World Wide Web. They are displayed using web browsers, which are programs that retrieve and display HTML files. Web servers are computers that deliver web pages to users, and have IP addresses and domain names. There are two main types of websites: static and dynamic. The basic structure of an HTML web page includes tags such as <!DOCTYPE>, <html>, <head>, <title>, and <body>. Cascading Style Sheets (CSS) is a language used to describe the presentation and formatting of web pages, and can be inserted via external style sheets, internal style sheets, or inline styles.
The document provides an overview of basic HTML theory, including:
- What the World Wide Web is and how it works
- How browsers fetch and display web pages using HTML tags
- Common HTML tags for formatting text, creating lists, links, images and tables
- Additional HTML concepts like attributes, entities, and frames
The document provides an overview of HTML (Hypertext Markup Language) and how to create basic web pages using HTML tags. It discusses the structure of HTML documents and common tags used to format text, add images, and control layout. Examples are given to demonstrate how to add bold and italic text, center paragraphs, set background and text colors, and insert images. The document also outlines additional topics like lists, links, and best practices for web design.
The document provides an introduction to HTML and CSS, the main languages used to structure and style web pages. It explains that HTML uses tags to define the structure and semantics of content, while CSS is used to control the visual styling. Some key HTML tags are described, including headings, paragraphs, links, images, lists and tables. It also covers CSS concepts like using classes and IDs to target elements for styling. The document recommends using <div> tags to lay out page sections and recommends a basic page structure with <div> tags for the header, navigation and main content sections.
1. The document discusses basic HTML elements and tags used to structure an HTML document, including <html>, <head>, <title>, <body>, headings, paragraphs, line breaks, and horizontal rules.
2. Key HTML tags are explained along with their purpose and attributes. Container elements require opening and closing tags while empty elements only require a starting tag.
3. Examples are provided to demonstrate how to use various HTML tags to display text, headings, and lines in different formats and alignments. The <body> tag attributes to set background color, text color, and margins are also covered.
This document introduces HTML (Hypertext Markup Language) and describes some of its basic tags and features. It explains that HTML is a markup language used to structure and format web pages using tags. It then lists some common HTML tags like <html>, <head>, <title>, <body>, <h1>-<h6> for headings, <b> for bold, <i> for italics, and <a> for links. The document provides examples of simple HTML pages using these tags to demonstrate headings, paragraphs, lists, tables, forms, and more.
This document provides an introduction to HTML (Hypertext Markup Language) and basic HTML tags. It defines common terms like WWW, HTML, URL, and browser. It explains that HTML uses tags to format text and pages usually end with .htm or .html extensions. Common tags are described like <TITLE> for the page title and <HEAD> and <BODY> to define sections. It also covers choosing text editors, creating a basic HTML page structure, and setting document properties like colors.
HTML is a markup language used to describe and structure web pages. It uses tags to define headings, paragraphs, links, images, and other content. An HTML file contains a head and body section. The head contains meta information about the page like the title. The body contains the visible page content. Common tags include headings, paragraphs, links, images, and divs to group content. Attributes provide extra information about elements.
HTML is used to create web pages and format text. It has tags that allow formatting like bold, italics, and inserting images and hyperlinks. An HTML document structure includes <html>, <head>, and <body> tags. It can use file extensions like .html and .htm. The head contains meta info and the body contains visible page content. Tables are defined with <table>, with rows defined by <tr> and cells by <td>. Headers use <th> and captions use <tc>.
The document provides an introduction to HTML basics, including:
- The structure of an HTML document with <head> and <body> sections
- Common tags for headings, paragraphs, links, and text formatting
- How to add images, hyperlinks, and sections to an HTML page
- Examples of creating a basic HTML page and using various tags
Following are the some notes regarding HTML.It will provide you a basic insight in HTML and web designing.
For further, contact us -http://nextgenr.com/
The document provides information on developing for the web including basic HTML elements like tags, CSS, and JavaScript. It discusses using HTML to lay out web pages with tags, embed multimedia, and control formatting. It also covers designing pages for different screen sizes and devices. Text formatting and layout is covered including using tables to create columns, flowing text around images, and inserting special characters. The document includes code examples for many of these concepts.
Thayer has loved his best friend Emma since they were children. However, when Emma moves away for two years, she begins dating Ethan. Upon her return to spend the summer with Thayer, he confesses his love for her. Though Emma cares for Ethan, she realizes she may have deeper feelings for Thayer after he kisses her. Ethan, recognizing Emma's true feelings, encourages her to follow her heart.
This document discusses the differences between subclassing and subtyping in object-oriented design. It explains that subclassing is using inheritance primarily for code reuse, even if the subclass interface is not compatible with the superclass interface. Subtyping uses inheritance to reuse interface specifications so that subclasses are substitutable for their superclasses. The document recommends favoring subtyping over subclassing for reusable software since it leads to more understandable class relationships based on interfaces rather than implementation.
This document provides an introduction and overview of HTML (Hypertext Markup Language) for a 1999 Asian Women's Network training workshop. It covers basic HTML tags and document structure, how to create and view HTML files, adding text formatting, lists, images, links, and color customization. The document includes examples of HTML tags and attributes for headings, paragraphs, line breaks, emphasis, lists, images, links, setting colors, and specifying relative file paths for images and links.
A web designer creates presentations using coding languages like HTML and CSS that are delivered through browsers. They design the overall look and feel of a website and specify how pages are displayed. Web designers may work for companies, agencies, or freelance. They are responsible for graphics, layout, programming, and content. HTML is the basic language used to structure web pages using tags like <html> and <body>. CSS enhances HTML and is used to format text, backgrounds, borders, and more. CSS can be applied inline, with embedded stylesheets, or external linked stylesheets.
Tim Berners-Lee, a physicist working at CERN, invented HTML in the late 1980s as a way for researchers to share and collaborate on information. The earliest versions of HTML included basic markup tags but lacked features like tables. Subsequent versions in the 1990s, such as HTML 3.2, HTML 4, and HTML 4.01, added support for additional elements, tags, and features to enhance the functionality and capabilities of HTML. HTML is not a programming language but a markup language that uses tags to define the structure and layout of web pages.
HTML is used to write web pages and consists of markup tags that indicate how the content should be displayed in a web browser. Key points covered in the document include:
- HTML pages use tags like <b> and </b> to make text bold, <img> to embed images, and <a> tags and href attributes to create hyperlinks.
- The basic structure of an HTML page includes <head> and <title> sections and a <body> section where visible content goes.
- Lists, text formatting, alignment, and other styling can be controlled through tags like <ul>, <p>, <font>.
- Images are inserted with <img> tags and their size
This document provides an overview of HTML by explaining what it is, how it works, and some key elements. It discusses:
- HTML is a markup language used to describe web pages using tags like <html> and <body>
- Tags are used to define headings, paragraphs, links, tables and more
- Colors can be defined using hexadecimal notation to specify red, green, and blue values
- Common tags are described and examples are given to illustrate HTML page structure and elements
This document provides an overview of HTML and covers topics such as basic HTML structure and tags, formatting text, adding links, creating lists and tables, inserting images, and using form elements. The document includes examples to demonstrate each HTML feature discussed.
- 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.
Web pages are hypertext documents connected to the World Wide Web. They are displayed using web browsers, which are programs that retrieve and display HTML files. Web servers are computers that deliver web pages to users, and have IP addresses and domain names. There are two main types of websites: static and dynamic. The basic structure of an HTML web page includes tags such as <!DOCTYPE>, <html>, <head>, <title>, and <body>. Cascading Style Sheets (CSS) is a language used to describe the presentation and formatting of web pages, and can be inserted via external style sheets, internal style sheets, or inline styles.
The document provides an overview of basic HTML theory, including:
- What the World Wide Web is and how it works
- How browsers fetch and display web pages using HTML tags
- Common HTML tags for formatting text, creating lists, links, images and tables
- Additional HTML concepts like attributes, entities, and frames
The document provides an overview of HTML (Hypertext Markup Language) and how to create basic web pages using HTML tags. It discusses the structure of HTML documents and common tags used to format text, add images, and control layout. Examples are given to demonstrate how to add bold and italic text, center paragraphs, set background and text colors, and insert images. The document also outlines additional topics like lists, links, and best practices for web design.
The document provides an introduction to HTML and CSS, the main languages used to structure and style web pages. It explains that HTML uses tags to define the structure and semantics of content, while CSS is used to control the visual styling. Some key HTML tags are described, including headings, paragraphs, links, images, lists and tables. It also covers CSS concepts like using classes and IDs to target elements for styling. The document recommends using <div> tags to lay out page sections and recommends a basic page structure with <div> tags for the header, navigation and main content sections.
1. The document discusses basic HTML elements and tags used to structure an HTML document, including <html>, <head>, <title>, <body>, headings, paragraphs, line breaks, and horizontal rules.
2. Key HTML tags are explained along with their purpose and attributes. Container elements require opening and closing tags while empty elements only require a starting tag.
3. Examples are provided to demonstrate how to use various HTML tags to display text, headings, and lines in different formats and alignments. The <body> tag attributes to set background color, text color, and margins are also covered.
This document introduces HTML (Hypertext Markup Language) and describes some of its basic tags and features. It explains that HTML is a markup language used to structure and format web pages using tags. It then lists some common HTML tags like <html>, <head>, <title>, <body>, <h1>-<h6> for headings, <b> for bold, <i> for italics, and <a> for links. The document provides examples of simple HTML pages using these tags to demonstrate headings, paragraphs, lists, tables, forms, and more.
This document provides an introduction to HTML (Hypertext Markup Language) and basic HTML tags. It defines common terms like WWW, HTML, URL, and browser. It explains that HTML uses tags to format text and pages usually end with .htm or .html extensions. Common tags are described like <TITLE> for the page title and <HEAD> and <BODY> to define sections. It also covers choosing text editors, creating a basic HTML page structure, and setting document properties like colors.
HTML is a markup language used to describe and structure web pages. It uses tags to define headings, paragraphs, links, images, and other content. An HTML file contains a head and body section. The head contains meta information about the page like the title. The body contains the visible page content. Common tags include headings, paragraphs, links, images, and divs to group content. Attributes provide extra information about elements.
HTML is used to create web pages and format text. It has tags that allow formatting like bold, italics, and inserting images and hyperlinks. An HTML document structure includes <html>, <head>, and <body> tags. It can use file extensions like .html and .htm. The head contains meta info and the body contains visible page content. Tables are defined with <table>, with rows defined by <tr> and cells by <td>. Headers use <th> and captions use <tc>.
The document provides an introduction to HTML basics, including:
- The structure of an HTML document with <head> and <body> sections
- Common tags for headings, paragraphs, links, and text formatting
- How to add images, hyperlinks, and sections to an HTML page
- Examples of creating a basic HTML page and using various tags
Following are the some notes regarding HTML.It will provide you a basic insight in HTML and web designing.
For further, contact us -http://nextgenr.com/
The document provides information on developing for the web including basic HTML elements like tags, CSS, and JavaScript. It discusses using HTML to lay out web pages with tags, embed multimedia, and control formatting. It also covers designing pages for different screen sizes and devices. Text formatting and layout is covered including using tables to create columns, flowing text around images, and inserting special characters. The document includes code examples for many of these concepts.
Thayer has loved his best friend Emma since they were children. However, when Emma moves away for two years, she begins dating Ethan. Upon her return to spend the summer with Thayer, he confesses his love for her. Though Emma cares for Ethan, she realizes she may have deeper feelings for Thayer after he kisses her. Ethan, recognizing Emma's true feelings, encourages her to follow her heart.
This document discusses the differences between subclassing and subtyping in object-oriented design. It explains that subclassing is using inheritance primarily for code reuse, even if the subclass interface is not compatible with the superclass interface. Subtyping uses inheritance to reuse interface specifications so that subclasses are substitutable for their superclasses. The document recommends favoring subtyping over subclassing for reusable software since it leads to more understandable class relationships based on interfaces rather than implementation.
This chapter discusses mass storage systems including disk structure, disk scheduling algorithms, RAID structure, and tertiary storage devices. Disks are addressed as logical blocks mapped to physical sectors. Common disk attachment methods are SCSI, FC, NAS, and SAN. Disk scheduling algorithms like FCFS, SSTF, SCAN, and C-SCAN aim to minimize seek times. RAID and file systems manage disks. Tertiary storage uses removable media like floppies, magnetic, and optical disks for low-cost storage.
This chapter discusses protection in computer systems. It covers the goals of ensuring only authorized access to resources, the principle of least privilege, using access matrices to define access rights across protection domains, and different methods of implementing and revoking access controls, such as capability-based systems and language-based protections. Protection domains group objects and access rights, while access matrices specify the operations each domain can perform on different objects. Various operating systems implement domains and matrices in different ways to enforce access restrictions.
This document discusses designing classes in object-oriented design. It covers:
1. Designing classes involves specifying class attributes, methods, and relationships with other classes using UML diagrams. The design is refined through iteration.
2. Class visibility is an important design consideration. Protocols define the public, protected, and private interfaces of a class.
3. Attributes and methods are designed in more detail during design, specifying types, parameters, return values, and algorithms using OCL and UML diagrams. Pitfalls to avoid like overly large classes are addressed.
The project gutenberg e book of grimms' fairy tales, by the brothers grimmAndrei Hortúa
This document is the introduction and table of contents for the Brothers Grimm fairy tale collection "Grimms' Fairy Tales". It provides background on the publication and includes a list of over 50 fairy tales contained in the book, such as "Hansel and Gretel", "Rapunzel", "Rumpelstiltskin", and "Snow White".
Ch01-Introduction About Software EngineeringBala Ganesh
This document provides an overview of software and software engineering. It defines software as a set of programs, documents, and data that form a configuration. Software is complex and does not physically wear out over time like other engineered artifacts. The document outlines different types of software applications and categories, including system software, application software, embedded software, and web applications. It also discusses challenges with legacy software and laws of software evolution, highlighting that software must continuously adapt and change to remain satisfactory. Finally, it notes common software myths that can lead to bad decisions if not grounded in reality.
HTML Lab ProjectTo create a simple web page you will need .docxadampcarr67227
HTML Lab Project
To create a simple web page you will need to use a text processor (Notepad) and HTML (hypertext markup language). Do NOT use Word which can create some problems by automatically formatting your work as a web page.
The tags (items enclosed in < >) from HTML create the special effects that are seen on web pages when using a browser like Internet Explorer.
Note: some tags require a starting and ending tag. For example: <h1>This is my home page </h1>
Also if multiple tags are used to format a single item, ending tags must be written in reverse order from the starting tags.
Example:
<h1><center> My First Home Page </center></h1>
tag1 tag2 endtag2 endtag1
After completing the steps in the tutorial, you should be able to:
1. Create a Home Page using HTML
2. Create headings
3. Place text and graphics in an HTML document
4. Use attributes such as font color with tags
5. Create links to other places or documents
Home Pages
The home page of a web site is the starting point that usually describes the purpose of the web site and its categories. The page typically includes hyperlinks which will take the viewer to other web sites or other places within the same web site. In planning a home page consider these items
· Title – this text will appear on the blue title bar of your web page
· Headings – customarily the first heading is the same as the title; it appears as the first line of your home page. Each browser displays headings in a unique way, but they allow several levels of headings from H1 to H6. Heading 1 would be the largest, most noticeable, heading 6 the smallest. In the examples that follow, the first line of each pair shows the HTML tags; the second line is the effect produced.
<h1>H1 headings</h1>
H1 headings
<h2> H2 headings</h2>
H2 headings
<h3>H3 headings</h3>
H3 headings<h4> H4 headings</h4>
H4 Headings
<h5> H5 headings</h5>
H5 Headings
<h6>H6 headings</h6>
H6 Headings
Content - Text that explains your home page or special features of the page.
Create a Sample HTML Page
Step 1.
A. Open Notepad (Click on Start, Programs, Accessories, Notepad).
B. Enter the following text:
<html>
<head>
<title>Your Name Home Page</title>
</head>
<h1>Your Name Home Page </h1>
</html>
C. Choose File, Save As. For the file name, use mysample_Lastname_Firstname.htm in Save As Type, choose All Files, and save to your desktop, or other easy to find location.
(CAUTION: if you neglect to choose All Files, this will be saved as a text file, ending in txt, and will not be available for opening in your browser.
Step 2.
A. Start your browser (Internet Explorer). It is not necessary to be online.
B. From the menu bar, choose File, Open.
C. Browse for the file you just saved on your desktop (mysample_firstname_lastname.htm).
D. Choose Open.
E. You should see only the title bar and a heading on your newly created homepage.
Step 3.
A.
The document provides instructions for creating a simple web page for a class assignment. Students are told not to use web design programs and to create the page manually in Notepad. They are instructed on how to add basic HTML tags, save the file, insert their name and other text, and format it with tags for headings, colors, backgrounds, and inserting a photo. The goal is to create a personalized web page that meets the assignment requirements.
The document discusses various HTML tags and concepts used to design web pages. It defines key terms like web server, web site and web pages. It then explains the history and generations of HTML. The document provides details on how to create an HTML file and add text, links, lists, tables and formatting. It describes various tags for headings, paragraphs, fonts, images, and other elements to structure and style web page content.
A web server hosts one or more websites and web pages. A website is a collection of web pages, and a web page is a single file viewable in a browser. The home page is the first page visited in a website.
HTML Lab ProjectTo create a simple web page you will need to use.docxfideladallimore
This document provides instructions for creating a simple HTML page using Notepad. It explains how to add headings, text formatting, images, links, and other basic HTML tags. The steps guide the user to build a sample page with their name, favorite topics, a news item, and a quote. Formatting is demonstrated through changing colors and inserting horizontal rules.
The document provides information on HTML (Hypertext Markup Language) and how to structure webpages using basic HTML tags and elements. It discusses that webpages are written in HTML, a scripting language that uses markup tags to define text formatting, links, images, and other page elements. It then covers key HTML tags for text formatting, links, lists, and overall page structure with headings like <head> and <body>.
The document provides information about markup languages and their history. It discusses several early markup languages including:
- GenCode (1967), one of the first markup language concepts
- TeX (1970s-80s), a publishing standard created by Donald Knuth
- Scribe (1980), the first language to distinguish between structure and presentation
- SGML (1986), a metalanguage that defines rules for tagging elements
- HTML (1991), originally designed based on SGML for web documents
It then covers HTML tags, attributes, different types of headings and paragraphs, comments, backgrounds, links, lists, text formatting, and character entities. The document provides examples and explanations for many common HTML elements.
All About HTML Web Development and its fundamentalsBzbbBryanBasco
This document provides an introduction to Hyper Text Markup Language (HTML). It explains that HTML is used to specify how text and graphics appear on web pages. It then covers many basic HTML elements for formatting text, inserting images, creating lists, tables, links, and more. It encourages learning more advanced skills through online resources. The overall purpose is to teach the fundamentals of HTML for authoring simple web pages.
This document provides an introduction to HTML, including its purpose for creating web pages, basic terminology like tags and elements, how to create an HTML document, text formatting tags, section headings, special characters, and advantages and disadvantages of HTML. It explains how to set up the basic structure of an HTML document with the <html>, <head>, and <body> tags and describes various tags for formatting text, inserting images, and creating lists and links.
This document discusses various HTML formatting tags including:
- Bold, italic, underline, font size, color, and link color tags
- Headers, paragraphs, and alignment
- Background images and colors
- Non-breaking spaces, horizontal rules, and blockquotes
It also covers nesting tags properly and reviewing best practices for using tags like font size, non-breaking spaces, and more.
This document provides information about HTML tags and their uses. It begins with an introduction to HTML and defines HTML tags as markup tags that tell the web browser how to display a web page. It then discusses various HTML tags for formatting text, inserting images, creating lists and tables, and developing forms. Key tags covered include paragraph (<p>), heading (<h1>-<h6>), bold (<b>), italic (<i>), horizontal rule (<hr>), image (<img>), unordered (<ul>) and ordered (<ol>) lists, table (<table>), and form (<form>) tags. The document provides examples and explanations of how each tag is used.
This document provides an introduction to HTML and covers several basic HTML elements for formatting text. It discusses headings, paragraphs, breaks, and horizontal rules. It also covers setting document properties like background color and text color. Character formatting elements are introduced like bold, italics, font size, color, and alignment. The document recommends starting with a basic HTML template and provides examples of coding structures for the various elements.
This document provides an introduction to HTML and covers several basic elements for formatting text in HTML documents, including:
1. Headings (<H1>-<H6>) are used to divide up sections of text and are displayed in decreasing font sizes. Paragraphs (<P>) allow text to automatically wrap to the width of the browser.
2. Breaks (<BR>) insert line breaks, while horizontal rules (<HR>) add horizontal lines across the page.
3. Character formatting elements like <B> for bold, <I> for italics, and <FONT> for changing text size allow styling of individual characters.
This document provides instructions on basic HTML tags for formatting text and adding images and links to a web page. Key tags covered include <html>, <head>, <body>, headings <h1>-<h6>, paragraphs <p>, line breaks <br>, bold <b>, italic <i>, underline <u>, fonts <font>, horizontal rules <hr>, backgrounds <body>, images <img>, and links <a>. The document contains examples of code for each tag discussed to demonstrate its proper usage in an HTML page.
This document provides information about HTML (Hypertext Markup Language) including its history, components, and basic tags. It defines HTML as a markup language used to create web pages and describes how HTML files use tags to direct how content is displayed in a browser. The document also provides examples of common HTML tags for text formatting, links, lists, and tables.
In Class Assignment 1 WebServices-CSET3200
September 28th, 2016
HTML & CSSWhat is Bootstrap?
· Bootstrap is a free front-end framework for faster and easier web development
· Bootstrap includes HTML and CSS based design templates for forms, buttons, tables, navigation, and many other, as well as optional JavaScript plugins
· Bootstrap also gives you the ability to easily create responsive designs
What is Responsive Web Design?
Responsive web design is about creating web sites, which automatically adjust themselves to look good on all devices, from small phones to large desktops.
Why Use Bootstrap?
Advantages of Bootstrap:
· Easy to use: Anybody with just basic knowledge of HTML and CSS can start using Bootstrap
· Responsive features: Bootstrap's responsive CSS adjusts to phones, tablets, and desktops
· Mobile-first approach: In Bootstrap 3, mobile-first styles are part of the core framework
· Browser compatibility: Bootstrap is compatible with all modern browsers (Chrome, Firefox, Internet Explorer, Safari, and Opera)
Where to Get Bootstrap?
There are two ways to start using Bootstrap on your own web site.
You can:
· Download Bootstrap from getbootstrap.com
· Include Bootstrap from a CDN
· There are several templates available including Portfolio Template.
Quick Reminders:
* Browser opens the index page as the homepage automatically.
Three quick points before we go on to the next lesson:
1. What you made in lab 1 and 2 is a skeleton HTML document. This is the minimum required information for a web document and all web documents should contain these basic components.
2. The document title is what appears at the very top of the browser window.
3. Of all the things on your web page, the title is what search engines consider most when ranking a page. Choose your titles carefully, and keep them brief.
IMPORTANT NOTE: Whenever you make a change to your document, just save it, then hit the Refresh/Reload button on your browser. In many instances, just hitting the refresh button does not quite do the trick.
Agenda:
Today we will see and document the output/results we get after writing these code snippets and different exercises.
The aim of today’s lab is to be able to communicate your concept in a technical manner using the technical terminologies, in addition to learning new skill set. You can earn up to 30 points at the completion of this lab.
In case you find it extremely hard to express a specific outcome in words, then you are allowed to take a screen shot of the outcome and submit it in your document. However, there is a limit to screen shots. You can add a maximum of 7 images for this lab.
Introduction to Nav Area:
1. In an html file, add the following snippets in the body section.
2. Add the following for Styling:
3. State the major differences you have noticed so far.
<body bgcolor="#ccffcc">
Something really cool
</body>
#ccffcc is computerese (the symb.
The document provides an overview of basic HTML structure and tags for formatting text and other elements on web pages. It discusses the overall HTML structure of heading and body tags, as well as common text formatting tags like headings, paragraphs, font styles, links, images, and lists. It also covers basic page structure elements like titles, horizontal rules, comments, and tables.
1. BASIC HTML TRAINING
1. HTML Intro
HTML stands for HyperText Markup Language made of tags that web browsers
interpret in order to know what to display. HTML is not necessary in order to create a
fantastic webpage, but your knowledge of it will give you more options to customize and
control your library’s web presence.
2. Planning out a site
Use this time to plan the library website. Remember that most students do not look
beyond the first page, so consider what essential elements you want to include: Links
(to other pages or content located elsewhere on the page), image(s), text, widgets
(Surveys, request forms, calendar, messages, presentations, news feeds, etc.)
Destiny Examples
http://library.nycenet.edu/common/welcome.jsp?site=4554
http://library.nycenet.edu/common/welcome.jsp?site=4246
http://library.nycenet.edu/common/welcome.jsp?site=4561
Other New York City High Schools
http://spclibrary.org/
http://hillcrestlibrary.org/
http://aeseclibrary.org/
https://sites.google.com/site/mlkjrcampuslibrary/
Other Library sites
http://pbshslibrary.wordpress.com/teen-read-week/
http://wellesleyhighschoollibrary.wikispaces.com/
http://www.wix.com/mamquam/mamquam-library
1
2. Free web creation sites:
www.wordpress.com
www.weebly.com
www.wikispaces.com
http://sites.google.com
http://www.wix.com
3. Tag structure
You create most HTML tags by enclosing words or abbreviations in brackets: <b>
Example</b>. The majority of tags include opening and closing ones that surround
text.
Opening: <p> (paragraph)
Closing </p>
The closing tag must always include the slash: /
Other command tags stand alone such as a line break <br> or a horizontal line <hr>
Attributes and values
You can also add attributes to text to customize the text, image, link, etc. held between
them.
<p align=”left”>My left-leaning text</p>
Attributes must always be enclosed between tags, must have the equal sign before it
and be
surrounded by quotes: =“center”
4. Document structure (Start, save, view)
Open a document in Notepad, Wordpad or TextEdit (Mac)
2
3. Typical start formation”
<html>
<head>
<title>PS 10,000’s Library Site</title>
<body>
Text
</body>
</html>
Saving
Save your document as .html.
5. Viewing in browsers
Open any browser. Go to File=>Open=>Click on the .html file you have saved to
preview your work
In Destiny, click on Edit Page=>Introductory Page=>Edit Text to insert the html code
6. Adding text
Paragraph=<p></p>
Note: Remember that web browsers do not read line breaks like Enter or Return, so the
<p> tags indicate new paragraphs. To align the text, add “left”, “center’, “right”
<p align=”center”>Blah Blah</p>
• Blank space (to indent or add emphasis) :  
• Line break: <br>
• To inset text (tab equivalent), use : <blockquote></blockquote> around the
text.
• Wrapping text: <marquee></marquee>
• Add quotes to text; <q></q> In Mozilla
3
4. • Creates typewriter text: <tt></tt>
Heading: This allows you to change the Font size, ranges 1-6, with 1 being the largest.
<h1>Title</h1>
<h2>Point 1</h2>
<h3>Point 2</h3>
Preformatted text: If you have text from another document in which you want to keep
the spacing format, etc. type: <pre> </pre>
Note: Remember the metadata feature about information on the webpage you do not
want publicly seen. You may want to add notes to yourself about items you want to
insert/add later. To do so, type in <!- - Add an image here - ->
7. Lists
Create a Numbered List
Type <ol> above the text you want to turn into a numbered list.
Type <li> in front of each item on the list
Type</li> after each list item
Type </ol> after the list text
<h3>NOVEL Databases in the Library</h3>
<ol>
<li>Ebsco</li>
<li>Gale</li>
<li>Grolier</li>
</ol>
Note: By default, the list will start with one. If you want to start at a different number
add: <ol start="5" type="1">
Bulleted List
Type <ul> above the text you want to turn into a list.
Type <li> in front of each item on the list
Type</li> after each list item
Type </ul> after the list text
Note: If you want to set a bullet style, type in “circle” “disc” or “square”
<ul type=”square”>
4
5. Note: You can add a break to the list by adding a line break <br> and some text:
<br> and last but not least
You need to add text for the break to happen, the <br> tag is not enough
Example:
<ul>
<li>First</li>
<li>second</li>
<br> and certainly not last!
<li>Third</li>
</ul>
Nested List
You can add a list within a list to create a list hierarchy. Add the tag <ol> for numbers or
the <ul> for unordered lists in the place where you want to insert the subtopic. Add the
new list text, including the <li> and </li> tags. Finally, close it out with the </ol> or </ul>
tag. See bolded example:
<ol>
<li>Ebsco</li>
<ul>
<li>Ask your librarian for the password</li>
</ul>
<li>Gale</li>
<li>Grolier</li>
</ol>
Definition List
This creates a list in the form of a dictionary or glossary.
Type <dl> above the text you want to set as a definition list
Type <di> in front of each term
Type</di> after each term
Type <dd> in front of each definition
Type </dd> after each definition
Type </dl> after the definition list text
Note: Inserting Special characters (See attached sheet)
5
6. 8. Formatting text
<b></b> Bold
<i></i> Italic
<u></u> Underline
<br> Line Break
If you want to change your font, type in <font face=”arial”> </font> around the text you
want to change.
Example: <p> <font face="Arial">This is the conclusion</p></font>
Note: It is best to use a common font name so that each web browser will recognize it.
As a precaution, you can list more than one font, so that if the first font is not read, the
second one will be:
<p> <font face="Arial, Helvetica”>This is the conclusion</p></font>
Font Size
You can change it with the following tag: <font size=”1”>Hello</font>
Size attribute Font Size equivalent
1 7 points
2 10
3 12
4 14
5 18
6 24
7 36
Type <basefont size=”3”> if you want to set all the text for the page or change it all.
6
7. Note: If you type a plus + or minus – sign before a size number, <font size=”+3’></font>,
it will display that text at a size relative to the surrounding text (in the above example,
three times larger).
Text Color
You can change the text color by typing <font color=”#0000FF”>Library Book
Recommendations</font>
You can add these tags in front of any bit of text whose color you want to change. (See
the chart for some color examples). You can also search online under html color tags
to see the listing of all the color possibilities.
Note: If you want to change or set the text color for the whole page, type the text color
within the body tag: <body text=”#8000000”>
Note: You can also type the name of a color: <font color=”red”> but the numbers can
help you be more specific or give you the name to type in.
Background Color
Within the body tag, type bgcolor=
Example: <body bgcolor=”#00FFFF”> (aqua)
Margins
By default, the html margins are 10 pixels. In the body tag, you can adjust the margins:
<body leftmargin=”60” rightmargin=”100” topmargin=”20” bottommargin=”20”
marginwidth=”30’ marginheight=”40”>
<hr> Horizontal Rule
Note: You can change the size by typing <hr size=”10”> or <hr width=”75%”> if you
don’t want it to cover the whole page. You can also add color by typing <hr
color=”#FFFFFF”>
7
8. 9. Inserting images
You can upload many different types of images to your website or webpage. They need
to be on the desktop of your computer. Different image types:
JPEG: Joint Photographic Experts Group allows for millions of colors, commonly used
with complex images such as photos—not good choice with artwork
GIF: Graphics Interchange Format, supports up to 256 colors, good for simple images
like logos. A single gif file can also store multiple images and display them as animation
PNG: Portable Network Graphics, rich color support and advanced compression
schemes so good choice for variety of image types
Image Sites Fine Art:
http://commons.wikimedia.org http://www.artcyclopedia.com/
http://images.google.com http://www2.si.umich.edu/History_of_
http://images.yahoo.com Art/
http://images.bing.com
Note: For best results, make sure your image file does not exceed 60K; with GIFs and
PNGs, you can reduce the number of colors in the image to reduce the file size. You
may also want to use an image editor program (Photoshop, Google’s Picassa, etc.) to
compress the size for display purposes. This will allow you to maintain the quality as
opposed to reducing it using html code.
Type <img src=”photo.jpg”>The file name of your image or graphic.
To specify a size, type <img src=”photo.jpg” width=”750” height=”400’>
Note: Browsers can display images at 750 width and 400 height without requiring users
to scroll, so use those measurements as standards for display. Most monitors are set
as 800 pixels in width and 600 in height.
Alternate text: This allows you to label what the image is in case it cannot be displayed
by a browser: <img src=”photo.jpg” alt=”Happy cat”>
Image label: This will appear when the mouse pointer hovers over the image: <img
src=”photo.jpg” title=”happy cat’>
Copyright: <img src=”photo.jpg”> Add the <br> tag to put this symbol on the next line:
8
10. <img src=”photo.jpg” border=”10”>
Space around an image
<img src=”photo.jpg” align=”left” hspace or vspace=”25”> The number is in pixels as is
the border.
Background Border
You can turn an image into a background for your webpage by adding it to the body tag.
Keep in mind how the image will appear. You may need to adjust the text color, etc.
<body background=”kitties.jpg”>
Create an image banner
Use these tags to add a title banner with an image. Type this at the top before any
body text:
<img src=”photo.jpg” width=”468” height=”60”><br>
10. Inserting links
Type: <a href=http://www.yahoo.com>Yahoo</a>
You must add the http:// to any link you add, plus make certain it is in quotes and have
the closing bracket after the address. To write a title for a link, type if after the address.
Inserting an image link
1. Add the image you want to use as a link using the <img> tag.
2. Type <a href=”?”> in front of the image code, replacing the URL of the page to
which you want to link.
3. Type </a> after the image code.
Example: <a href=http://www.paristravels.com><image src=”paris.jpg”></a>
Note: You can link to another page on your website by specifying the filename <a
href=”photos.html”>
10
11. If the page is in a subdirectory, specify that as well: <a href=”media/photos.html”>
Open a linked page in a new window
Click within the <a> tag for the link you want to edit and type target=”_blank”
Example: <a href=http://www.yahoo.com target=”_blank”>Yahoo</a>
Note: To make all links open in new windows, at the top of your page, click between the
<head> <base target=”_blank”></head>
Link to a same area on the same page or website
1. Name an area. Click in front of the section of text to which you want to create a
link and type <a name=”?”> Keep the names short and simple. Type </a> at the
end of the section.
2. In front of the text or image you want to turn into a link, type <a href=”#?”>
replacing ? with the name of the section to which you want to link. Do not leave
out the # sign!
3. Type </a> after the link text
Example
1. <a name="kitty"><img src="furry-cat.jpg" width="320" height="300"></a>
2. <a href="#kitty">Go to the kitty picture!</a>
Note: Follow the above steps to create a link at the top or bottom of the page. You can
also do this for another page on the site by naming the area to link to, and then add the
number of the link such as <a href=”page.html#section1”>
Note: You can also add links to non-html resources such as word document files,
spreadsheet, etc. Type in the text for the link and then add <a href=”?”> replacing
the ? with the full path and name of the file. Type </a>b at the end of the text.
Link to an email address
11
12. <a href=mailto:lellis3@schools.nyc.gov>lellis3@schools.nyc.gov</a>
Change Link Color
In the body tag, type <body link=”FF0000” alink=”000000” vlink=”0000FF”>
Link=Unclicked link
Alink=Active link (color when link is being clicked
Vlink=Change of color, if desired, of previously clicked link
11. Tables
Before you create a table—just as with the website—it is a good idea to sketch out the
format, layout, size and information to be included in it.
Basic Elements
<table></table> to start the tags
<tr></tr> Table Rows
<td></td> Tag data or cell content
Height=”400”
Width=”750”
Align=”right” “center” “left”
Type <table>
<tr> Start the first row of the table
<td> The First cell
<th> column label (Bold)
Note: If you want your first row to include bold column labels, you can use the <th> tag
instead of <td>
Table Border
12
13. In the table tag, add border=”?” to determine the size. Type bordercolor=”Red” to add
color. Remember you can type the name or color number.
Cell Padding and Spacing
You can use padding to add space between the border and the contents of a cell. You
can use spacing to increase the border size or distance between cells measured in
pixels.
Example:
<table border="10" bordercolor="000000"cellpadding="20" cellspacing="40">
<tr>
<th>What is this all about</th>
<td>This is the next one</td></tr>
<tr><td>This is another example</td>
</tr>
</table>
Adjust cell width and height
Enter this in the first <td> tag, width and height. This affects all the cells in the table.
13
14. Example: <td height=”20” width=”30’>
Note: You can extend the cell or row to be different from the default height and width
you select. (This would be the equivalent of merging cells or expanding them in Excel)
Click inside the tag <td> or <th> to extend the column: colspan or row: rowspan
Example:
<table border="10" bordercolor="000000" cellpadding="10" cellspacing="10">
<tr>
<td colspan="6">x</td>
<td>x</td>
<td>x</td></tr>
<tr>
<td>This is another example</td>
<td>This is another example</td>
<td>This is another example</td>
</tr>
</table>
Creating Newspaper Like Column
You may want to organize your text into two or three columns. Within the <tr> </tr>tag,
type <td valign=”top” width=”33%”> You can also do the width in pixels, but percent is
probably easier.
14
15. Repeat the above tags for however many columns and size you want.
Example:
<table border="10" bordercolor="000000" cellpadding="10" cellspacing="10">
<tr>
<td valign="top" width="50%">This is just some stuff that I am writing as an example.
What do you think of html so far?</td>
<td valign="top" width="50%">This is just some stuff that I am writing as an example.
What do you think of html so far?</td></tr>
</tr>
</table>
Note: You may want to adjust the left-side column if you wanted to create a site
navigation box.
Adding a table caption
Below the <table> tag, but before the <tr> one, type in:
<caption>This table is about</caption>
Note: You can add align=”bottom” within the capture tag to locate it below the table.
The default will be above.
Adding a background color to cells and tables
In the <td> tag for the cell you want, type <bgcolor=”?”>
If you want the whole table instead, type in the <table> tag <bgcolor=”?”>
Inserting an image into a cell or table
After the <td> tag, type <img src=”?”>
<td> <img src="books.gif"></td>
If you want the image for the whole table, type bgcolor=”?” in the <table> tag
15