Basic HTML Skills : Basic HTML Skills Topics for this session
What is HTML?
How we use HTML (Syntax)
a) How to bold/italics/underline a text
b) How to add a hyperlink in a webpage
c) How to enter subscript and superscript text
d) How to create a list.
e) How to insert an image
3) How to embed a video in a webpage.
What is HTML : What is HTML Although HTML stands for HyperText Markup Language, it's not really a programming language like Java, Perl, or C - it's much simpler. It's a way of describing how a set of text and images should be displayed in a browser while viewing a webpage.
HTML is a series of tags presented in an angle brackets like "<>“ which tells a browser to do something special, like show text in italic or bold, or underline, or to show an image, or to make a link to another Web page.
For eg: To bold a text
Syntax: Basic HTML skills
Note: All tags that are opened must correspondingly be closed
HTML - Syntax : HTML - Syntax Steps involved:
You will write out the basic format in notepad or any text editor
You will save it as a “.HTML” file
You will open it in your browser
You will smile at the fact that it actually worked.
HTML - Syntax : HTML - Syntax HTML pages have two distinct parts — the
part, and the part.
The head part contains things that won't appear on your page.
is the text that appears at the top of your screen(browser window)
is the main part of your page. Everything between those two container ( and ) tags will be visible on your page.
is for paragraph.
is to break and start a new line.
HTML - Syntax : HTML - Syntax To bold a text
Syntax: This text will be bold
To write text in italics
Syntax : This will make the text italics
To underline a text
Syntax: underlined text
For more then one tag on same text
Syntax: this text will have all the properties
HTML - Syntax : HTML - Syntax Adding a link on a webpage.
Syntax: the link
or
the link
a: it stands for Anchor, which means Link.
href: Means Hypertext Reference. The href part is another attribute, with the location of the other page as its value.
target=“blank” : means the page should open in new browser window.
HTML - Syntax : HTML - Syntax How to enter subscript and superscript text
Subsript
Syntax: this will be subscript text
SuperScript
Syntax: This will be superscript text
HTML - Syntax : HTML - Syntax How to create a list.
There are 2 types of listings. One is Ordered list and other is Unordered list.
An ordered list typically is a numbered list of items. HTML gives you the ability to control the sequence number.
An unordered list typically is a bulleted list of items.
Syntax: ordered
- This is point 1
- This is point 2
- This is point 3
ol: ol stands for orderedlist
li: is the list iteam Syntax: unordered
- This is first bulleted point
- This is second bulleted point
- This is third bulleted point
ul: it means unordered list
HTML - Syntax : HTML - Syntax How to insert an image
Syntax:
img src: is the Image source which means where the image is kept on the server(the image has to be available on internet)
HTML - Syntax : HTML - Syntax How to embed an video You just need to copy paste the embed code under your
tag and the video is embeded.
Thank you : Thank you This completes our session “basic HTML skills” if you have any questions regarding
What we discussed in this session or any other enquiry related to HTML that we didn’t discuss.
Please email me on: kunal@wiziq.com