Hypertext Markup Language (HTML) is a markup language used to create web pages and viewable content in web browsers. It uses tags to denote elements in a web page like headings, paragraphs, bold or italic text. Common tags include <b> for bold, <i> for italic, and <h1> - <h6> for different levels of headings. HTML files have the .html or .htm file extension. Attributes provide additional information or styling for tags, like the bgcolor attribute can set the background color of the <body> tag. Images can also be set as the background using the background attribute.
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 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.
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
What is HTML - An Introduction to HTML (Hypertext Markup Language)Ahsan Rahim
What is HTML?
HTML stands for "Hypertext Markup Language". A standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects on World Wide Web pages.
Hypertext Markup Language is the standard markup language for creating the Web pages and Web Applications. With Cascading Style Sheets (CSS) & JavaScript for creating World Wide Web pages.
HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet.
HTML is relatively easy to learn & it consists of a series of short codes typed into a text-file by the site author — these are the tags. The text is then saved as a html file, and viewed through a browser.
HTML is the first step of coding for web designing. Here is the basic coding terms of HTML that I learnt during my web designing course. It may help you too. Thank you :)
BN-Vi - How to promote the Body by Vi 90 Day Challenge at business networking...James Winsoar
How to promote the Body by Vi 90 Day Challenge in BNI chapters. This document is intended for promoters of the Challenge in the United Kingdom who wish to expand their network of contacts by going to business networking events, such as Chamber of Commerce, BNI (Business Network International), Le Tip, 4Networking, and other groups.
The document is specifically written to describe how to maximise results from the BNI meetings, but other groups will have similar agendas, so the same skills learned here can be transferable to other others.
You will learn how to maximise your time from the meetings, what to say and what not to say, how to get around not having any business cards with you, how to best follow up with people after the meetings, how to get people referring their friends and business contacts to you.
Also included are sample 60 second presentations, as well as shorter versions so that you can give an elevator pitch with confidence in the meeting to the other business owners who are present.
This is a draft copy - so I would really appreciate your feedback. All the best promoting the Challenge at business networking events!
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
What is HTML - An Introduction to HTML (Hypertext Markup Language)Ahsan Rahim
What is HTML?
HTML stands for "Hypertext Markup Language". A standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects on World Wide Web pages.
Hypertext Markup Language is the standard markup language for creating the Web pages and Web Applications. With Cascading Style Sheets (CSS) & JavaScript for creating World Wide Web pages.
HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet.
HTML is relatively easy to learn & it consists of a series of short codes typed into a text-file by the site author — these are the tags. The text is then saved as a html file, and viewed through a browser.
HTML is the first step of coding for web designing. Here is the basic coding terms of HTML that I learnt during my web designing course. It may help you too. Thank you :)
BN-Vi - How to promote the Body by Vi 90 Day Challenge at business networking...James Winsoar
How to promote the Body by Vi 90 Day Challenge in BNI chapters. This document is intended for promoters of the Challenge in the United Kingdom who wish to expand their network of contacts by going to business networking events, such as Chamber of Commerce, BNI (Business Network International), Le Tip, 4Networking, and other groups.
The document is specifically written to describe how to maximise results from the BNI meetings, but other groups will have similar agendas, so the same skills learned here can be transferable to other others.
You will learn how to maximise your time from the meetings, what to say and what not to say, how to get around not having any business cards with you, how to best follow up with people after the meetings, how to get people referring their friends and business contacts to you.
Also included are sample 60 second presentations, as well as shorter versions so that you can give an elevator pitch with confidence in the meeting to the other business owners who are present.
This is a draft copy - so I would really appreciate your feedback. All the best promoting the Challenge at business networking events!
Nursing Education: Academia to workplace - standardization within training. ...Melissa Jo Powell
Nursing Education: Academia to workplace. Training costs and performance issues related to lack of standardization. Constraints to standardization within training. Heatt 2014
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.
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/
HTML Basics
Welcome to HTML Basics. This workshop leads you through the basics of Hyper Text Markup Language (HTML). HTML is the building block for web pages. You will learn to use HTML to author an HTML page to display in a web browser.
2. Hyper Text Markup Language
A markup language designed for the creation
of web pages and other information viewable
in a browser
The basic language used to write web pages
File extension: .htm, .html
3. If we have some text e.g. “This is my first day
of work, I’m so excited!”
If we want to display the Text as :
“This is my first day of work, I’m so excited!”
Then we need to mark “first day of work” as
Bold.
4. “This is my first day of work, I‟m so
excited!”
To be marked in Bold letters.
5. “This is <B>first day of work,</B> so
my I‟m
excited!”
Result is :
“This is my first day of work, I‟m so
excited!”
6.
7. 1. Open Notepad
2. Click on File -> Save as…
3. In the File name pull-down box, type in
webpage.html
4. Click on Save
5. Type in content for your file
6. Once you finished the content, click on File -
> Save
21. Click on the Open button after selecting the file.
22. The Web Page appears
according to the HTML
formats provided.
23. Open any browser e.g. IE, Mozilla Firefox, Opera
, Netscape Navigator etc.
Click Open -> Browse to the location of the File.
Select the file and click Open.
24.
25. Go to My Computers.
Navigate to the actual
location of the HTML
file.
Select the HTML file.
Double click to open it.
26. We use HTML tags to mark the elements of a
file for the browser, in other words, we use
tags to denote the various elements in an
HTML document. HTML tags consist of a left
angle bracket (<), a tag name, and a right
angle bracket (>). Tags are usually paired
(e.g., <H1> and </H1>) to start and end the
tag instruction. The end tag looks just like the
start tag except a slash (/) precedes the text
within the brackets.
27. For example: <b>, <font>,<title>, <p> etc.
Tag usually goes with pair: an open tag (<b>) and
an end tag (<b>)
Effect Code Code Used What It Does
Bold B <B>Bold</B> Bold
Italic I <I>Italic</I> Italic
Single tag: <hr>,<br>
Tags are NOT case sensitive
28. Each HTML tag has certain additional
options for providing more information to
the final output.
These options are called ATTRIBUTES.
E.g. :
<BODY BGCOLOR=“Red”>…..</BODY>
Here BODY is the Tag and BGCOLOR is the
Attribute.
29. <html>
<head>
<title> Page Title Goes Here </title>
</head>
<body>
content goes here
</body>
</html>
30. <HTML>
<HEAD>
<TITLE>My First Web Page</TITLE>
</HEAD>
<BODY>
Today is my first day at my new job, I’m so
excited!
</BODY>
</HTML>
31. For aligning the text towards
the center of the web page.
For aligning the text towards
the left of the web page.
For aligning the text
<center>….Text….</center> towards the right of the
For applying BOLD font style
web page.
<left>….Text….</left> applying ITALIC font style
For
to the enclosed text.
<right>….Text….</right>the enclosed text.
to
For applying Underline font
<B>….Text….</B> style to the enclosed text.
<I>….Text….</I>
<U>….Text….</U>
32. The heading tag is used to format the
enclosed text as large bold characters for
displaying the heading of the web page
content.
For Example
33. This is the application of <h1>….</h1>
tag on the text.
34. There are 6 levels of the heading tag :
<h1>……….Text…………</h1>
<h2>……….Text…………</h2>
<h3>……….Text…………</h3>
<h4>……….Text…………</h4>
<h5>……….Text…………</h5>
<h6>……….Text…………</h6>
35. Each level of the heading tag formats the
enclosed heading text with different font
sizes beginning from the largest <h1> to
<h6>.
We can also apply the various formatting tags
on it too.
36. <HTML>
<HEAD>
<TITLE>My First Web Page</TITLE>
</HEAD>
<BODY>
<h1>My First Day of Work!</h1>
Today is my first day at my new job, I’m so
excited!
</BODY>
</HTML>
37. Hyper Text Markup Language
Web authoring software language
Specifically created to make World Wide Web
pages
Created by Tim Berners-Lee in 1993 from
SGML
38. BGCOLOR
Specifies a background-color for an HTML page.
<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
39. Using the Color Code : „#000000‟
or „RGB(0,0,0)‟ or „black‟ gives
the black color in the background.
40. Method I -- Simple Language Codes
• Using the name of the color
: e.g.
Red, Black, Blue, Yellow, Pink
, Orange etc.
42. <html>
<head>
<title>My First Web Page</title>
</head>
<body bgcolor=“Orange">
<h1>My First Day at Work!</h1>
</body>
</html>
43. Method II -- Hexadecimal Codes
• Using any arbitrary combination of
alphabets and numbers preceded by a „#‟
symbol.
• Like : <body bgcolor = “#abc123”>
45. <html>
<head>
<title>My First Web Page</title>
</head>
<body bgcolor=“#abc123">
<h1>My First Day at Work!</h1>
</body>
</html>
46. Method III -- Using RGB function
• Using the RGB() function in the following
manner : RGB(r,g,b) where :
r = red color component
g = green color component
b = blue color component
• Example : <body bgcolor = rgb(3,4,5)>
48. <html>
<head>
<title>My First Web Page</title>
</head>
<body bgcolor=RGB(150,44,100)>
<h1>My First Day at Work!</h1>
</body>
</html>
49. Background Attribute in the Body tag.
Specifies a background-image for a HTML page
<body background="clouds.gif">
<body
background="C:WindowsFeatherTexture.bmp">
50.
51. <html>
<head>
<title>My First Web Page</title>
</head>
<body background="C:WindowsFeatherTexture.bmp">
<h1>My First Day at Work!</h1>
</body>
</html>
52. Some simple tips :
Step 1
• Search for some pictures available on your PC.
53. You can provide the image
type (*.jpg,*.gif,*.bmp,*.png)
etc. to narrow your search.
58. Select and copy the
filename from the
Properties Dialog Box and
check its type also.
The Complete path to the image is :
“C:Documents and Settingsnew userMy DocumentsMy
PicturesGiraffe.jpg”
59. <html>
<head>
<title>My First Web Page</title>
</head>
<body background= “C:Documents and Settingsnew userMy
DocumentsMy PicturesGiraffe.jpg” >
<h1>My First Day at Work!</h1>
</body>
</html>