Search for notes by fellow students, in your own course and all over the country.
Browse our notes for titles which look like what you need, you can preview any of the notes via a sample of the contents. After you're happy these are the notes you're after simply pop them into your shopping cart.
Title: HTML Tutorial for beginners
Description: The HTML Tutorial for Beginners is a document that provides a step-by-step guide for people who are new to HTML (Hypertext Markup Language) and want to learn how to create web pages using this language. The document covers the basics of HTML and teaches the reader how to use tags, elements, and attributes to structure and format text, images, and other content on a web page.
Description: The HTML Tutorial for Beginners is a document that provides a step-by-step guide for people who are new to HTML (Hypertext Markup Language) and want to learn how to create web pages using this language. The document covers the basics of HTML and teaches the reader how to use tags, elements, and attributes to structure and format text, images, and other content on a web page.
Document Preview
Extracts from the notes are below, to see the PDF you'll receive please use the links above
HTML TUTORIAL FULL COURSE NOTES
HTML Tutorial for Beginners - 01 - Introduction to HTML
Html is the bedrock of the world wide web and if you 're going to do anything even in other
languages involving the web, it is highly important
...
This is an introductory video in the next video
...
all you have to use is no Pet remember an Html
document is simply a text file so all we really are going to need for this series is no pad
...
HTML Tutorial for Beginners - 02 - Creating the first web page
In this video, we 're gon na create our very first web page using Html
...
It 's not just Html They can display XMl files XMl files
...
we 're going to be using Html 5
...
the first real
section that comes after Html is called the head section
...
the title element is what shows up in the title bar of the web browser and we 'll see
that in a few moments
...
your web page and it needs
also a closing tag as well and so again
...
This is the primary section
of your website
...
HTML TUTORIAL FULL COURSE NOTES
This is the very first webpage now We're going to explore many more Html tags
...
later on I
'll show you how we can adjust the font size here
...
HTML Tutorial for Beginners - 03 - Ordered and Unordered lists
HTML provides two main ways to create lists: unordered and ordered lists
...
Both use the
which is embedded inside either the
- or the
- element
...
First item
Second item
Third item
We can use CSS to style these list element tags and create nice hover menus or add colors
later on
...
HTML Tutorial for Beginners - 04 - Creating a table
Today we'll learn how to create a table using HTML
...
Tables are similar to normal
tables, consisting of data arranged in rows and columns where rows go side to side and
columns go downwards
...
HTML TUTORIAL FULL COURSE NOTES
Let's say we want to add another desert or ocean or planet
...
For example:
Name Type Location
Sahara Desert Africa
Arctic Ocean North Pole
Earth Planet Solar System
Venus Planet Solar System
HTML Tutorial for Beginners - 05 - Creating a web link
There are two ways to add links to your webpage:
Linking to an outside webpage
Linking to a section within your webpage
Within the anchor element () is the href attribute that specifies the destination for the link
...
For example:
Click here to visit Example
...
example
...
Note that text that comes before the anchor element (like "Please click on this link") is not
actually part of the link
...
HTML Tutorial for Beginners - 06 - Creating links within same web
page
Table of Contents
Birds
Section on Ducks
This is a section about ducks
...
Please share your feedback and suggestions
...
report
...
HTML Tutorial for Beginners - 07 - Adding a image to a web page
In this tutorial, we will learn how to add an image to your webpage
...
Place the image you want to add to your webpage in the newly created folder
...
By doing this, we will not have to worry about specifying a location for the image
...
HTML Tutorial for Beginners - 08 - Resizing and sizing images
Resizing and Sizing Images in HTML
In this tutorial, we will cover resizing and sizing images in HTML
...
It is recommended to use a JPG file for high-quality images, such as a landscape, and a PNG
or GIF file for logos or small artwork
...
Therefore, it is important to reduce the size of the image before sending it to the browser
...
HTML TUTORIAL FULL COURSE NOTES
HTML Tutorial for Beginners - 09 - Nested elements
The html element is the root element, which does not have a parent element
...
For example, the body element is a child element of the html element, while the p element is
a child element of the body element
...
Remember to always keep your elements properly nested within each other to maintain this
parent-child relationship
...
The label is again id so we'll
rename this to "Second Box"
...
The
...
The text is automatically highlight the
...
If we
click
...
If we click on the text it highlights the text box that's really kind of a nice attribute about this
label element
...
The next video will show how the user's last name can be used to collect information from
our user
...
The final video will
feature the user's last name and the last name of the user
...
The final image is shown to be shown to the viewer of this image
...
The next image of a user's final image to show the
user has been shown
...
We'll show the caption
...
We'll show that we've shown that we've shown it to the
end of this article
...
We show it, sorry to the bottom of the
caption
...
We have a new image
...
We want to
show this
...
The end of the content
...
We say
it to show our feedback
...
It is a new content
...
It was a
great
...
You're happy to see it
...
We said it
...
We were happy to say it
...
There's sure to show you all the caption
...
The post we said we've said it it
es
...
We shared it
...
e
...
We
explained it
...
The best of the word
...
Here is an example of what we will be using:
Submit:
Comments:
You can change the type to submit to get a submit button
...
You can also change the label to whatever you want:
New Submit:
That's it for this video
...
The value is submitted to the server which will be processed in a
future video
...
We can only select
one of them
...
However, we won't worry
about the value submitted to the server in this video
...
Checkbox will be discussed in the next video
...
It is a different
type and a new version of the form
...
Use a new name for a new type
...
HTML Tutorial for Beginners - 12 - Checkbox
Checkbox Tutorial
In this tutorial, we will be discussing the checkbox
...
The "checked" attribute is used to force one of these options to always be selected
...
Let's go ahead and save
this and refresh the page
...
But
the user can deselect it later
...
By
setting the minimum and maximum attributes, we can restrict the range of numbers that can
be inputted
...
HTML TUTORIAL FULL COURSE NOTES
Stay tuned for our next video where we will demonstrate how to use number input boxes
...
To create a dropdown list, we use the select element
...
To demonstrate this, let's create a simple example with the states of the US
...
In the future, we will discuss how to process the
selected option on a server using PHP or ASP
...
For the input element, all
we need to do to set the type to date is to include "date" as the value
...
As for the number type, we will deal with it later on in PHP or ASP
scripts
...
For now, we are only concerned with the date type
...
If they want to stay longer, they will have to seek alternative
arrangements
...
Set the month to January and the day to the third
...
Set your month to January and your year to the current year
...
Use the date for the month and the day for the day and the number for the year
...
Check the date of the number box and the year
...
Note that the min and max values we set in the HTML only apply to the up and down arrow
keys in the browser
...
HTML TUTORIAL FULL COURSE NOTES
HTML Tutorial for Beginners - 16 - Fieldbox and Legend elements
HTML Forms
The fieldset element and legend element are useful elements to use when creating forms in
HTML
...
To use it,
nest all input elements inside the fieldset element
...
Adding these elements can add pizzazz to your forms
...
Submit your suggestions for our next video at iReport
...
Attributes tell the browser something
about the information between two tags
...
One example of an attribute is the "for"
attribute, which is used in conjunction with the "label" element
...
They are specific
to certain types of elements and some attributes only work with particular elements
...
HTML TUTORIAL FULL COURSE NOTES
The next tutorial in the series will continue with the ASB tutorials
...
Thank you!
HTML Tutorial for Beginners - 18 - The meta element
Meta Elements for Search Engines
Meta elements are used to provide information to search engines about your webpage
...
The two attributes used are
the name attribute and the content attribute
...
It
should be no longer than 155 characters as it may be displayed in search results
...
While Google has said that they do not use this to rank your website, it is still a good idea to
include a few relevant keywords as some foreign search engines still use them
...
HTML Tutorial for Beginners - 19 - Escape characters
Whitespace and Escape Characters
In this video, we will discuss whitespace and escape characters
...
To use
symbols like trademark in your web page, you can use escape characters
...
The browser won't confuse them as HTML code, so it's essential to use them correctly
...
The user needs to use these
whitespaces, and it's not confusing for the user
...
HTML Tutorial for Beginners - 20 - Bold and italic elements
HTML Elements for Emphasis
In this video, we will discuss four HTML elements for emphasis: the bold element (), the
strong element (), the italic element (), and the em element ()
...
The bold element is purely for visual style, while the strong element can be used by text-tospeech programs for blind people
...
The Em Element
The em element is similar to the strong element in that it adds emphasis to text and can be
read by text-to-speech programs for blind people
...
To make text bold, we use the tag
...
To create a strong or emphasized text, we use the or tag,
respectively
...
iFrame is just another HTML document
that we can embed into our existing webpage using the iframe HTML element
...
To accomplish this, we use the iframe element
...
We don't need to worry about the source attribute for now, but we'll come back to that
in a future series
...
We
will bring these into our main index page using the iframe element
...
0 means it's off, and 1 means it's on
...
If we put
other content outside the source attribute, it will not display
...
We use the target attribute and it points back to our iframe
...
We need to put it outside of our
iframe element so that we can see it
...
All of
these files must be contained within the same folder
...
In the next video, we'll learn more about iFrame in HTML
...
The soup
element allows you to display text above the main body of text
...
These are not widely used elements, but
they can add a little bit more professionalism and pizzazz to your web page
...
See you in the next one at 8 PM ET
...
HTML Tutorial for Beginners - 23 - Title and alt attributes
Title and Alt Attributes in HTML
In HTML, the title attribute can be put in any element tag
...
For example, alt="Julius Caesar"
...
We can
also use our own tool tips with CSS and jQuery
...
The video is available to watch
now
...
Scroll down to see the
list and click to watch
...
Thank you!
HTML Tutorial for Beginners - 24 - Audio element
Adding Audio to Your Webpage Using HTML5
HTML has evolved to allow easy integration of audio and video files into webpages
...
This tag has an
HTML TUTORIAL FULL COURSE NOTES
opening and closing tag
...
You can choose any name for the
controls attribute
...
wav and
...
Several audio conversion tools are available to convert your audio files
...
You might be confused between sound element tags and sound elements, but it's
best to use audio features to avoid confusion
...
Audio Element Tag Attributes
The audio element tag has several attributes that you can use
...
Other attributes will be covered in the next
video
...
mp3 file
...
The next video
will show you how to test the sound quality of your content
...
Please share
your music and sound creations with others!
HTML Tutorial for Beginners - 25 - Audio element attributes
HTML5 Audio Element Tag
The audio element tag in HTML5 no longer requires a value for the controls attribute or for
some of the other attributes that go along with the audio element tags
...
HTML TUTORIAL FULL COURSE NOTES
The draggable attribute allows you to drag any element that you want to drag in HTML
...
Now you might be asking, how do we set up a receiver, how to set up another element that
will receive what we drag? We have to do that in either JavaScript or jQuery, so that's for a
future lecture
...
I will see you guys in the next
video
...
Upcoming Episodes
The next video will be posted on Monday, November 1 at 9pm ET
...
The last episode will feature a new segment from the next week at 10:30pm ET on
Monday
...
The audio segment of this episode will feature an audio segment from this week's final
episode
...
We tune back to the audio version of the final segment
...
The sound segment of the music will be played in the back of the show
...
Don't forget to check in to the sound
HTML Tutorial for Beginners - 26 - Video element
The video element in HTML is very similar in format to the audio element
...
That's it for this video
...
The audio element is a new chapter of this week's episode
...
We'll also show the new audio element in
this segment
...
You'll be able to use the audio and video elements in your own projects
...
These days, all you need to use is the following doctype
declaration:
The only purpose of this is to let the browser know what type of document to expect
...
This series will also cover
HTML forms and the JavaScript tutorial for beginner series
...
I will see you guys next in the CSS tutorials for beginners and JavaScript
tutorials
...
The CSS tutorials series will also discuss HTML forms
...
The HTML
tutorials for beginners and HTML tutorials will be in the series to discuss the HTML
tutorials
...
The lessons and CSS tutorials and CSS lectures will be available at the beginning of this
series for beginners
...
The videos and tutorials are available at
www
...
com/html5
...
com
...
com are available for beginners
...
com is back to back to the back to the back to the back to the back of the back of the back
of the back of the back to the front of the front of the front to the top of the top of the top
back to back to the website, back to home
Title: HTML Tutorial for beginners
Description: The HTML Tutorial for Beginners is a document that provides a step-by-step guide for people who are new to HTML (Hypertext Markup Language) and want to learn how to create web pages using this language. The document covers the basics of HTML and teaches the reader how to use tags, elements, and attributes to structure and format text, images, and other content on a web page.
Description: The HTML Tutorial for Beginners is a document that provides a step-by-step guide for people who are new to HTML (Hypertext Markup Language) and want to learn how to create web pages using this language. The document covers the basics of HTML and teaches the reader how to use tags, elements, and attributes to structure and format text, images, and other content on a web page.