HTML-5 || Basic to Advance || Introduction || Part-1

By Programming codester


Programming Codester

HTML[TUTORIAL-1]


Hello Wonderful People!

Let’s start with HTML basic!

HTML course’s Basic Outline:

  • 1.   INTRODUCTION
  • 2.   TAGS
  • 3.   TABLE
  • 4.  FORM

5.   MINI PROJECT USING HTML: PORTFOLIO

 

Introduction

·        HTML stands for Hyper Text Markup Language

·        HTML is the standard markup language for creating Web pages

·        HTML describes the structure of a Web page

·        HTML consists of a series of elements

·        HTML elements tell the browser how to display the content

·        HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.

HTML PAGE STRUCTURE:

<html>

<head>

<title>Page title</title>

</head>

<body>

.

.

.

.

.

</body>

</html>

 

 

SIMPLE PROGRAM:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Example Explained

  • The <!DOCTYPE html> -> this document is an HTML5 document
  • The <html> -> the root element of an HTML page
  • The <head> -> contains meta information about the HTML page
  • The <title> -> specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)
  • The <body> -> defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
  • The <h1> -> a large heading
  • The <p> -> a paragraph

The <!DOCTYPE> Declaration

The <!DOCTYPE> declaration represents the document type, and helps browsers to display web pages correctly.

It must only appear once, at the top of the page (before any HTML tags).

The <!DOCTYPE> declaration is not case sensitive.

The <!DOCTYPE> declaration for HTML5 is:

 

Notes

·       To compile html code we use basically vs code.

·       File extension of html is .html.

             ·      Ex=index.html
so we learnt Basic Structure Of Html and details!!!
so i hope you understood the topic and started your journey of full stack development!😍📋

Comments

Post a Comment

Popular posts from this blog

C programming | Printf and scanf ||

By Programming codester
  Programming Codester   Printf and scanf function with C language:   We learnt fundamentals of C in previous tutorial.   If you haven't read the previous tutorial, I mentioned the link below here.   So now it's time to learn print and scanf function.   Both printf and scant functions are inbuilt library functions, defined in stdio.h (header file).   Printf ;   The printf functions create and output strings formatted at runtime . They are part of the standard C library. Additionally, the printf functionality is implemented in other languages (such as Perl). These functions allow a programmer to create a string based on a format string and a variable number of arguments.   In shot Printf function is used to print any statements in C language.   The syntax of printf function:   Printf (“any statement you want”);   Example syntax of pr intf :   Printf (“programming codester ”);    Scanf :   In ...
Read more

C programming | structure | Fundamentals of Structure

By Programming codester
Image
  Programming codester   C programming   Structure   on user’s demand I bring the tutorial of structure in c language!   So first find the error from this code: #include<stdio.h> void main() { printf("hello"); return 0; } If you want to see my other tutorial of c programming I will mention all link at the end of this tutorial. So, stay tuned!   So guys lets start structure with C!   If you want to learn structure, you have to knowledge of datatypes!   So, first we learn about datatypes.   DATATYPES:   There are 2 types of data type :   1.Primary datatype:   In this datatype float, int, char, void, etc. Are the best examples.   2. Secondary Data type:   In secondary data type there are 2 types of secondary data types!                     1] Derived Data type   ( Array , pointer)   2] User defined Dat...
Read more

C programming | Fundamentals & Basic information

By Programming codester
Image
  PROGRAMMING CODESTER     In the previous tutorial we studied the basics of programming language and also learnt about flow chart and algorithm and about interpreter and compiler.   So, we start with c programming in this tutorial.   In the technical world many languages are available for talking to computers like   c, c ++, java, java script, python, c#, and many more.   But for beginners and those who are new to this stream c programming is very easy to learn and it's very useful to learn other languages also so we can also say that c language is the base of programming language.    C programming was created in the 1972s by Dennis Ritchie and remains very widely used and influential.     In this tutorial we will study about:   F u n d a m e n t a l s o f c p r o g r a m m i n g   Application of c programming   Structure of c programming   First basic program “hello world ”.   Let's begin! ...
Read more

Basic question related programming || c programming || embedded programming

By Programming codester
Image
Programming Codestrer   Importance of c programming   { embedded programming }   Q & A SESSION   So, hello my wonderful people!   In this tutorial I tried to cover basic and most asked question by students, beginners and programmers.   -----------------------------------------------------------------------------------------------------------   1.Whenever students start coding, there is always a question in the mind of students which language should be first?   -> So, my answer is you should start with c programming because c programming is a very basic and easy language to learn coding and programming.   -----------------------------------------------------------------------------------------------------------   2. Why C is the base of programming language?   -> The C language is a high-level, general-purpose programming language. It provides a straightforward, consistent, powerful interface for programming systems ...
Read more

C++ || Operators with c++

By Programming codester
  Programming codester   Operators with c++ :     In the previous tutorial we learnt about arithmetic and assignment operator with c++ .   Now let' s learn other operators!   We already know there are six types of operators!      Now let's learn about Logical operator, Bitwise operator, Relational operator , and other opera tors .   1.logical operators:   Logical operators are used to check whether an expression is true or false . If the expression is true , it returns 1 whereas if the expression is false , it returns 0 .   Operator   Example   Meaning   &&   expression1 && expression2   Logical AND.   True only if all the operands are true.   ||   expression1 || expression2   Logical OR.   True if at least one of the operands is true.   !   ! expressio n   Logical NOT.   True only if the operand is false.   In C++, logical operat...
Read more

C++ || string with c++ || Part - 1

By Programming codester
  Programming codester   C++ || String with c++       [PART-1]   in previous tutorial we learn about operators.   So now it's time to learn the concept of string with object-oriented programming with c++ .   Question of the day: Which memory storage is widely used in PCs and Embedded Systems? a) EEPROM b) Flash memory c) SRAM d) DRAM STRING WITH C++: -   Strings are used for storing text.   A  string   variable contains a collection of characters.   So, let's learn with example about string.   Syntax:   string variable = “your string ”;   EXAMPLE:   string blog =  "programming codester " ;   In this example variable is blog and string are programming codester .   To use strings, you must include an additional header file in the source code, the  <string>   library.   Example of string with object-oriented programming with c++ .     So, you s...
Read more

Compiler & Interpreter | difference and explanation

By Programming codester
Image
  PROGRAMMING CODESTER   What is compiler and interpreter?   Hello wonderful people!   So, in our previous blog we learnt about flow charts and algorithms .   So now we will be studying types of computer languages and also learning what compiler and interpreter.   Types of computer languages:   Machine level language OR Low-level language   It is the language of 0’s and 1’s.   Computers directly understand this language.   Assembly language   It uses short descriptive words (MNEMONIC) to represent each of the machine language   instructions.   It requires a translator knows as assembler to convert assembly language into machine language   so that it can be understood by the computer.   Examples: 8085 Instruction set   Higher level language   It is a machine independent language.   We can write programs in English like manner and therefore easier to learn and use.   Examples: C, C++, JAV...
Read more

c++|operators with c++|variables||

By Programming codester
Programming codester   Object oriented programming with c++   Operators and variables with c++   In the previous tutorial, we learnt about data types and user input cin .   Question of c programming What is the out of following program? #include <stdio.h> int main ( ) { int i = 10 ; int * p = & i ; printf ( "%d \n " , * p ++ ) ; } AANSWER:10 Now we start a new tutorial!   We will learn about different operators in c++ ( oop )   Variables:   Variables are containers to store any data.   i.e., to store any biscuits, we use boxes.   for example, int is used for integers, float is used for floating numbers, char is used for any character.   So variable is the container who stores our values and data.   Variable scope:   Local variable: are declared inside the braces of any function and can be accessed from there.   Global variable: are declared outside any function and...
Read more

C programming | Nested structure | Array, function and pointer of structure|| structure Part-II

By Programming codester
Image
  Programming codester   Structure [part-II]   In part 1 of structure we learnt:   Fundamentals of structure   Syntax of structure   Uses of structure   Importance of structure   And basic program of structure   Now it’s time to learn array and function of structure.   So first we will complete array of structure .   ARRAY OF STRUCTURE:   An array of structres in C can be defined as the collection of multiple structures variables where each variable contains information about different entities . The array of structures in C are used to store information about multiple entities of different data types.     The array of structures in C are used to store information about multiple entities of different data types.   The array of structures is also known as the collection of structures.   SYNTAX OF ARRAY OF STRUCTURE:     So , now , lets see example of array of structure.   Write a progra...
Read more

C++(oop)| Fundamentals | Concepts||

By Programming codester
  PROGRAMMING CODESTER   Concepts of OOP( c++ )   Hello wonderful people! Fill in the blank: #include<iostream> int main() {          ______cout<<"hello world"; } c++ basic structure explanation: watch the video On your request I started c++ means oop ( object oriented programming) series with C programming!   So, this is very basic fundamentals of oop concept and its first tutorial of oop   So, I hope you learn!   Let's start!!   Today's topics:   Introduction to OOP   Procedural Vs. Object Oriented Programming   Principles of OOP   Benefits and applications of OOP   1.Introduction to OOP   OOP is a design philosophy. It stands for Object Oriented Programming.    C++ was founded in (1983)   Object-Oriented Programming (OOP) uses a different set of programming languages than old procedural programming languages like (C, Pascal, etc.).    Everythi...
Read more