HTML (Hypertext Markup Language) is the code that defines the structure and layout of a web page. It uses tags, which are words surrounded by <>, to annotate text and other content for display. The basic structure of an HTML page requires <html>, <head>, and <body> tags. The <head> contains metadata like the <title>. The <body> is where visible content like text, headings, images, and paragraphs appear. Formatting tags like <b> for bold, <i> for italics, and <p> for paragraphs are used to style text. The document provides instructions on how to code a basic HTML page with headings, images, and paragraphs.
Slides for a 90 minutes HTML workshop I gave. It was meant for absolute beginners in HTML. In addition to the slides I handed out cheat sheets for HTML and CSS (found online). The tasks were first done in http://codepen.io and later in a local HTML editor.
Slides for a 90 minutes HTML workshop I gave. It was meant for absolute beginners in HTML. In addition to the slides I handed out cheat sheets for HTML and CSS (found online). The tasks were first done in http://codepen.io and later in a local HTML editor.
Ebook Accessibility: Why, How, and What For - ebookcraft 2016 - Laura BradyBookNet Canada
Workshop: "Ebook Accessibility: Why, How, and What For" by Laura Brady (Brady Type) for ebookcraft 2016, presented by BookNet Canada and eBOUND Canada - March 30, 2016
Ebook Accessibility: Why, How, and What For - ebookcraft 2016 - Laura BradyBookNet Canada
Workshop: "Ebook Accessibility: Why, How, and What For" by Laura Brady (Brady Type) for ebookcraft 2016, presented by BookNet Canada and eBOUND Canada - March 30, 2016
Learn the building blocks of the web: HTML.
In this lesson we go over the basics of HyperText Markup Language so you can begin designing your first web page! For more information visit www.computermentors.org
This is Part 1 of a two-lecture series on implementing HTML. I created this lecture in an effort to keep my design students from "fearing the code" they encounter in an introductory level course to Dreamweaver and Web Site design.
2024.06.01 Introducing a competency framework for languag learning materials ...Sandy Millin
http://sandymillin.wordpress.com/iateflwebinar2024
Published classroom materials form the basis of syllabuses, drive teacher professional development, and have a potentially huge influence on learners, teachers and education systems. All teachers also create their own materials, whether a few sentences on a blackboard, a highly-structured fully-realised online course, or anything in between. Despite this, the knowledge and skills needed to create effective language learning materials are rarely part of teacher training, and are mostly learnt by trial and error.
Knowledge and skills frameworks, generally called competency frameworks, for ELT teachers, trainers and managers have existed for a few years now. However, until I created one for my MA dissertation, there wasn’t one drawing together what we need to know and do to be able to effectively produce language learning materials.
This webinar will introduce you to my framework, highlighting the key competencies I identified from my research. It will also show how anybody involved in language teaching (any language, not just English!), teacher training, managing schools or developing language learning materials can benefit from using the framework.
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdfTechSoup
In this webinar you will learn how your organization can access TechSoup's wide variety of product discount and donation programs. From hardware to software, we'll give you a tour of the tools available to help your nonprofit with productivity, collaboration, financial management, donor tracking, security, and more.
Model Attribute Check Company Auto PropertyCeline George
In Odoo, the multi-company feature allows you to manage multiple companies within a single Odoo database instance. Each company can have its own configurations while still sharing common resources such as products, customers, and suppliers.
Palestine last event orientationfvgnh .pptxRaedMohamed3
An EFL lesson about the current events in Palestine. It is intended to be for intermediate students who wish to increase their listening skills through a short lesson in power point.
Operation “Blue Star” is the only event in the history of Independent India where the state went into war with its own people. Even after about 40 years it is not clear if it was culmination of states anger over people of the region, a political game of power or start of dictatorial chapter in the democratic setup.
The people of Punjab felt alienated from main stream due to denial of their just demands during a long democratic struggle since independence. As it happen all over the word, it led to militant struggle with great loss of lives of military, police and civilian personnel. Killing of Indira Gandhi and massacre of innocent Sikhs in Delhi and other India cities was also associated with this movement.
The French Revolution, which began in 1789, was a period of radical social and political upheaval in France. It marked the decline of absolute monarchies, the rise of secular and democratic republics, and the eventual rise of Napoleon Bonaparte. This revolutionary period is crucial in understanding the transition from feudalism to modernity in Europe.
For more information, visit-www.vavaclasses.com
How to Split Bills in the Odoo 17 POS ModuleCeline George
Bills have a main role in point of sale procedure. It will help to track sales, handling payments and giving receipts to customers. Bill splitting also has an important role in POS. For example, If some friends come together for dinner and if they want to divide the bill then it is possible by POS bill splitting. This slide will show how to split bills in odoo 17 POS.
2. HTML
• Hyper Text Markup Language
• Markup your text document
• The markup is the tag
• Hyper text means you can jump from place to place
• Programming language of the internet
3. TAGS
• Look like this: < >
• Come in pairs (every begin tag must have
an end tag)
• <html> </html> PAIRS
• TAGS do not show up on a web page
• There are 3 REQUIRED TAGS
• 1. <html> </html> ONLY ONE
• 2. <head> </head> ONLY ONE (maybe put a
title in here)
• 3. <body> </body> ONLY ONE (stuff that
shows up)
4. BASIC WEB PAGE
<html>
<head>
<title> My page </title>
</head>
<body>
Hello this is my page
</body>
</html>
Head section
Body section
• Tags don’t show up on the
page
5. TITLE ELEMENT
• Goes inside the head element
• If you forget it, you’ll have an untitled web
page
• Looks like this:
<title> My Home page </title>
• Where does the title show up?
6. TEXT FORMATTING
Text
formatting
type
What It Does Example
paragraph Creates paragraphs of
text
<p> I’m my own paragraph
</p>
Line break Makes the browser go
to the next line
I’m Line 1. <br /> I’m Line 2.
Bold Makes the text bold <b> I’m bold </b>
Underline Makes the text
underlined
<u> I’m underlined </u>
Italic Makes the text italic <i> I’m italic </i>
Horizontal
rule
Line across the page <hr />
7. HEADINGS
• Creates different sections for your page
• <h#> </h#> replace # with an actual
number (1-6)
• 1 is the BIGGEST, 6 is the smallest heading
• <h1> My heading </h1>
8. PICTURES
• Put a picture on your page
• <img src=“Name of your picture.extension” />
• Example: <img src=“me.jpg” width=“25%”/>
• The picture MUST be in the same folder as the web
page!
9. FIRST HTML SITE - GETTING
STARTED!
• Create a new folder called “website project 1”
• Open up notepad ++ and click on the button named “Language” and under the
“H” option click HTML. Save your file into your new folder.
• Add all the required tags (What are they again?)
• Title your web page: Project 1
• In the <body>, add 2 headings. Title the first heading: “My School” and the
second: “Fun Stuff”
• Separate the headings with a horizontal rule.
• Find a picture of a school (use google images), download it into your project 1
folder, and add it to the “My School” section of your web page.
• Add a paragraph with 5 sentences to the “My school” section of your page.
