Difference between revisions of "HTML/C2/Overview-of-HTML/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with ".")
 
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
−
.
+
'''Title of the script: '''HTML Overview
 +
 
 +
'''Author:''' Praveen S
 +
 
 +
'''Domain Reviewer: '''
 +
 
 +
'''Novice Reviewer:'''
 +
 
 +
'''Keywords: '''HTML, Introduction to HTML, Web Designing, Website, Spoken Tutorial, Video Tutorial
 +
 
 +
 
 +
{| border = “1”
 +
|-
 +
|| '''Visual Cue'''
 +
||'''Narration'''
 +
|-
 +
|| Slide 1: Title
 +
|| Hello and welcome to the Spoken Tutorial on “Overview of '''HTML'''”.
 +
|-
 +
||Slide 2: Learning Objectives
 +
|| In this tutorial we will learn:
 +
 
 +
* About '''HTML'''
 +
* The content available in various tutorials in this series.
 +
|-
 +
||Slide 3: '''HTML'''
 +
|| What is '''HTML'''?
 +
 
 +
'''HTML''' stands for '''Hyper Text Markup Language.'''
 +
|-
 +
||Slide 3: '''HTML '''contd.
 +
||
 +
 
 +
* It is used to create '''web pages''' with the help of '''Markup tags'''
 +
* '''Markup tags''' will structure our content as per our requirement
 +
* It is used to publish our content on the '''Internet'''
 +
|-
 +
|| Slide 3: '''HTML '''contd.
 +
||
 +
 
 +
* '''HTML''' supports text, images, multimedia content, etc.
 +
* It is platform independent and hence works on all '''operating systems.'''
 +
 
 +
|-
 +
|| Slide 4: Prerequisites for using '''HTML'''
 +
||To work with '''HTML,''' we need-
 +
 
 +
* A '''text editor '''or a '''WYSIWYG editor, '''in which to
 +
** write our '''HTML code'''
 +
** and understand the '''HTML tags'''
 +
* A '''web browser''' to display the formatted content.
 +
|-
 +
|| Slide 4: '''For recording of HTML series'''
 +
|| Throughout this series I will be using:
 +
 
 +
* '''HTML5'''
 +
* '''gedit Text Editor'''
 +
* '''Firefox web browser '''and
 +
* '''Ubuntu Linux 16.04 OS'''
 +
|-
 +
||
 +
|| Now, we will briefly go through some of the individual tutorials in this series.
 +
|-
 +
|| Glimpse of My First HTML
 +
|| In this tutorial we will learn the syntax and structure of '''HTML'''.
 +
 
 +
Then we’ll see how to create an '''HTML''' file and see the output on a '''web browser'''.
 +
|-
 +
|| Glimpse of Elements and Attributes
 +
|| In the next tutorial, we will learn about '''HTML elements, tags''' and their '''attributes'''.
 +
|-
 +
|| Glimpse of Formatting Tags
 +
|| The''' '''next tutorial is '''Formatting Tags'''.
 +
 
 +
In this, we’ll see how to format our content using some of the basic '''formatting tags''' in '''HTML.'''
 +
|-
 +
|| Glimpse of Styles and CSS
 +
|| With the help of '''Styles and CSS''' tutorial, we can add more '''styles''' and decorate our content.
 +
|-
 +
|| Glimpse of List
 +
|| The tutorial named '''List '''is next in the series.
 +
 
 +
Formatting the contents in various list type can be achieved with the help of this tutorial.
 +
|-
 +
|| Glimpse of Table
 +
|| '''Tables in HTML '''tutorial helps to display the contents in tabular structure.
 +
|-
 +
|| Glimpse of Embedding Images, Audio and Video
 +
|| '''Embedding Images.'''
 +
 
 +
'''Embedding Audio and Video.'''
 +
 
 +
We can embed multimedia content like images, audio and video in a '''webpage''' using these 2 tutorials.
 +
|-
 +
|| Glimpse of Blocks and Layouts
 +
|| Next is the '''Blocks Elements and Layout''' tutorial.
 +
 
 +
With the help of this tutorial, learners can create '''webpages''' with proper '''design layout'''.
 +
|-
 +
|| Glimpse of Forms and More on Forms
 +
|| '''Forms''' and '''More on Forms''' tutorials teach how to collect data from the user using custom-made '''forms'''.
 +
|-
 +
|| Only narration
 +
|| With this we come to the end of this tutorial.
 +
 
 +
Let us summarise.
 +
|-
 +
|| Slide: Summary
 +
|| In this tutorial we have learnt
 +
 
 +
* About '''HTML''' and
 +
* The tutorials covered in this series
 +
 
 +
|-
 +
||Slide 10: About Spoken Tutorial project
 +
|| The video at the following link summarizes the Spoken Tutorial project.
 +
 
 +
Please download and watch it.
 +
|-
 +
||Slide 11: About Workshop
 +
||The Spoken Tutorial Project team conducts workshops and gives certificates.
 +
 
 +
For more details, please write to us.
 +
|-
 +
||Slide 12: Forum questions
 +
|| Do you have questions in THIS Spoken Tutorial?
 +
 
 +
Please visit this site.
 +
 
 +
Choose the minute and second where you have the question
 +
 
 +
Explain your question briefly
 +
 
 +
Someone from our team will answer them
 +
|-
 +
||Slide 13: Forum for specific questions:
 +
|| The Spoken Tutorial forum is for specific questions on this tutorial.
 +
 
 +
Please do not post unrelated and general questions on them.
 +
 
 +
This will help reduce the clutter.
 +
 
 +
With less clutter, we can use these discussions as instructional material.
 +
|-
 +
||Slide 14: Acknowledgement
 +
|| Spoken Tutorial Project is funded by NMEICT, MHRD, Government of India.
 +
 
 +
More information on this mission is available at this link.
 +
|-
 +
|| Slide 15: Thanks
 +
|| This is Praveen from IIT Bombay. Signing off. Thanks for joining.
 +
|-
 +
|}

Latest revision as of 11:59, 25 June 2019

Title of the script: HTML Overview

Author: Praveen S

Domain Reviewer:

Novice Reviewer:

Keywords: HTML, Introduction to HTML, Web Designing, Website, Spoken Tutorial, Video Tutorial


Visual Cue Narration
Slide 1: Title Hello and welcome to the Spoken Tutorial on “Overview of HTML”.
Slide 2: Learning Objectives In this tutorial we will learn:
  • About HTML
  • The content available in various tutorials in this series.
Slide 3: HTML What is HTML?

HTML stands for Hyper Text Markup Language.

Slide 3: HTML contd.
  • It is used to create web pages with the help of Markup tags
  • Markup tags will structure our content as per our requirement
  • It is used to publish our content on the Internet
Slide 3: HTML contd.
  • HTML supports text, images, multimedia content, etc.
  • It is platform independent and hence works on all operating systems.
Slide 4: Prerequisites for using HTML To work with HTML, we need-
  • A text editor or a WYSIWYG editor, in which to
    • write our HTML code
    • and understand the HTML tags
  • A web browser to display the formatted content.
Slide 4: For recording of HTML series Throughout this series I will be using:
  • HTML5
  • gedit Text Editor
  • Firefox web browser and
  • Ubuntu Linux 16.04 OS
Now, we will briefly go through some of the individual tutorials in this series.
Glimpse of My First HTML In this tutorial we will learn the syntax and structure of HTML.

Then we’ll see how to create an HTML file and see the output on a web browser.

Glimpse of Elements and Attributes In the next tutorial, we will learn about HTML elements, tags and their attributes.
Glimpse of Formatting Tags The next tutorial is Formatting Tags.

In this, we’ll see how to format our content using some of the basic formatting tags in HTML.

Glimpse of Styles and CSS With the help of Styles and CSS tutorial, we can add more styles and decorate our content.
Glimpse of List The tutorial named List is next in the series.

Formatting the contents in various list type can be achieved with the help of this tutorial.

Glimpse of Table Tables in HTML tutorial helps to display the contents in tabular structure.
Glimpse of Embedding Images, Audio and Video Embedding Images.

Embedding Audio and Video.

We can embed multimedia content like images, audio and video in a webpage using these 2 tutorials.

Glimpse of Blocks and Layouts Next is the Blocks Elements and Layout tutorial.

With the help of this tutorial, learners can create webpages with proper design layout.

Glimpse of Forms and More on Forms Forms and More on Forms tutorials teach how to collect data from the user using custom-made forms.
Only narration With this we come to the end of this tutorial.

Let us summarise.

Slide: Summary In this tutorial we have learnt
  • About HTML and
  • The tutorials covered in this series
Slide 10: About Spoken Tutorial project The video at the following link summarizes the Spoken Tutorial project.

Please download and watch it.

Slide 11: About Workshop The Spoken Tutorial Project team conducts workshops and gives certificates.

For more details, please write to us.

Slide 12: Forum questions Do you have questions in THIS Spoken Tutorial?

Please visit this site.

Choose the minute and second where you have the question

Explain your question briefly

Someone from our team will answer them

Slide 13: Forum for specific questions: The Spoken Tutorial forum is for specific questions on this tutorial.

Please do not post unrelated and general questions on them.

This will help reduce the clutter.

With less clutter, we can use these discussions as instructional material.

Slide 14: Acknowledgement Spoken Tutorial Project is funded by NMEICT, MHRD, Government of India.

More information on this mission is available at this link.

Slide 15: Thanks This is Praveen from IIT Bombay. Signing off. Thanks for joining.

Contributors and Content Editors

Pravin1389

Retrieved from "https://script.spoken-tutorial.org/index.php?title=HTML/C2/Overview-of-HTML/English&oldid=47907"