Prabhat kumar: Frontend

In a previous blog, we discuss HMTL Tags and Tage definition.

Now we try to Understand HTML deeply, Before the start of HMTL code, HTML stands for Hypertext Markup Language, and it is the most widely used language to write Web Pages. you need any text editor and browser, a Text editor used for writing code, and a browser used for view output.

HTML Page Structure

Name the file "index.html" and set the encoding to UTF-8 (which is the preferred encoding for HTML files). All HTML documents must start with a document type declaration: <!DOCTYPE html>. The HTML document itself begins with <html> and ends with </html>. The visible part of the HTML document is between <body> and </body>. HTML headings are defined with the <h1> to <h6> tags. <h1> defines the most important heading. <h6> defines the least important heading,HTML paragraphs are defined with the <p> tag,HTML links are defined with the <a> tag.

Basic HTML Document In its simplest form, the following is an example of an HTML document:

following output:

With the help of HTML we can create static pages, but to create dynamic and attractive pages, we use technology like JavaScript, CSS, Jquery, Ajax, Bootstrap thymeleaf alos.

What I learned in the frontend, discuss especially about HTML because HTML is the first step to start developing a web application, before the job I really don't know what is "thymeleaf "( Thymeleaf is a modern server-side Java template engine for both web and standalone environments. ). we discuss letter about thymeleaf,

Now discuss about HTML ( Hyper_Text_Markup_Language),

Tag	Description
<!--...-->	Defines a comment
<!DOCTYPE>	Defines the document type
<a>	Defines a hyperlink
<address>	Defines contact information for the author/owner of a document
<area>	Defines an area inside an image map
<article>	Defines an article
<audio>	Defines embedded sound content
<b>	Defines bold text
<blockquote>	Defines a section that is quoted from another source
<body>	Defines the document's body
<br>	Defines a single line break
<button>	Defines a clickable button
<canvas>	Used to draw graphics, on the fly, via scripting (usually JavaScript)
<caption>	Defines a table caption
<center>	Not supported in HTML5. Use CSS instead. Defines centered text
<col>	Specifies column properties for each column within a <colgroup> element
<dd>	Defines a description/value of a term in a description list
<del>	Defines text that has been deleted from a document
<details>	Defines additional details that the user can view or hide
<dfn>	Specifies a term that is going to be defined within the content
<dialog>	Defines a dialog box or window
<div>	Defines a section in a document
<dl>	Defines a description list
<dt>	Defines a term/name in a description list
<embed>	Defines a container for an external application
<fieldset>	Groups related elements in a form
<footer>	Defines a footer for a document or section
<form>	Defines an HTML form for user input
<frame>	Not supported in HTML5. Defines a window (a frame) in a frameset
<frameset>	Not supported in HTML5. Defines a set of frames
<h1> to <h6>	Defines HTML headings
<head>	Contains metadata/information for the document
<header>	Defines a header for a document or section
<hr>	Defines a thematic change in the content
<html>	Defines the root of an HTML document
<i>	Defines a part of text in an alternate voice or mood
<iframe>	Defines an inline frame
<img>	Defines an image
<input>	Defines an input control
<label>	Defines a label for an <input> element
<legend>	Defines a caption for a <fieldset> element
<li>	Defines a list item
<link>	Defines the relationship between a document and an external resource (most used to link to style sheets)
<main>	Specifies the main content of a document
<map>	Defines an image map
<mark>	Defines marked/highlighted text
<meta>	Defines metadata about an HTML document
<nav>	Defines navigation links
<noframes>	Not supported in HTML5. Defines an alternate content for users that do not support frames
<noscript>	Defines an alternate content for users that do not support client-side scripts
<object>	Defines a container for an external application
<ol>	Defines an ordered list
<option>	Defines an option in a drop-down list
<output>	Defines the result of a calculation
<p>	Defines a paragraph
<param>	Defines a parameter for an object
<picture>	Defines a container for multiple image resources
<pre>	Defines preformatted text
<progress>	Represents the progress of a task
<script>	Defines a client-side script
<section>	Defines a section in a document
<select>	Defines a drop-down list
<small>	Defines smaller text
<source>	Defines multiple media resources for media elements (<video> and <audio>)
<span>	Defines a section in a document
<strong>	Defines important text
<style>	Defines style information for a document
<summary>	Defines a visible heading for a <details> element
<table>	Defines a table
<tbody>	Groups the body content in a table
<td>	Defines a cell in a table
<template>	Defines a container for content that should be hidden when the page loads
<textarea>	Defines a multiline input control (text area)
<tfoot>	Groups the footer content in a table
<th>	Defines a header cell in a table
<thead>	Groups the header content in a table
<time>	Defines a specific time (or datetime)
<title>	Defines a title for the document
<tr>	Defines a row in a table
<track>	Defines text tracks for media elements (<video> and <audio>)
<u>	Defines some text that is unarticulated and styled differently from normal text
<ul>	Defines an unordered list
<video>	Defines embedded video content
Tag	Description
<!--...-->	Defines a comment
<!DOCTYPE>	Defines the document type
<a>	Defines a hyperlink
<address>	Defines contact information for the author/owner of a document
<area>	Defines an area inside an image map
<article>	Defines an article
<audio>	Defines embedded sound content
<b>	Defines bold text
<blockquote>	Defines a section that is quoted from another source
<body>	Defines the document's body
<br>	Defines a single line break
<button>	Defines a clickable button
<canvas>	Used to draw graphics, on the fly, via scripting (usually JavaScript)
<caption>	Defines a table caption
<center>	Not supported in HTML5. Use CSS instead. Defines centered text
<col>	Specifies column properties for each column within a <colgroup> element
<dd>	Defines a description/value of a term in a description list
<del>	Defines text that has been deleted from a document
<details>	Defines additional details that the user can view or hide
<dfn>	Specifies a term that is going to be defined within the content
<dialog>	Defines a dialog box or window
<div>	Defines a section in a document
<dl>	Defines a description list
<dt>	Defines a term/name in a description list
<embed>	Defines a container for an external application
<fieldset>	Groups related elements in a form
<footer>	Defines a footer for a document or section
<form>	Defines an HTML form for user input
<frame>	Not supported in HTML5. Defines a window (a frame) in a frameset
<frameset>	Not supported in HTML5. Defines a set of frames
<h1> to <h6>	Defines HTML headings
<head>	Contains metadata/information for the document
<header>	Defines a header for a document or section
<hr>	Defines a thematic change in the content
<html>	Defines the root of an HTML document
<i>	Defines a part of text in an alternate voice or mood
<iframe>	Defines an inline frame
<img>	Defines an image
<input>	Defines an input control
<label>	Defines a label for an <input> element
<legend>	Defines a caption for a <fieldset> element
<li>	Defines a list item
<link>	Defines the relationship between a document and an external resource (most used to link to style sheets)
<main>	Specifies the main content of a document
<map>	Defines an image map
<mark>	Defines marked/highlighted text
<meta>	Defines metadata about an HTML document
<nav>	Defines navigation links
<noframes>	Not supported in HTML5. Defines an alternate content for users that do not support frames
<noscript>	Defines an alternate content for users that do not support client-side scripts
<object>	Defines a container for an external application
<ol>	Defines an ordered list
<option>	Defines an option in a drop-down list
<output>	Defines the result of a calculation
<p>	Defines a paragraph
<param>	Defines a parameter for an object
<picture>	Defines a container for multiple image resources
<pre>	Defines preformatted text
<progress>	Represents the progress of a task
<script>	Defines a client-side script
<section>	Defines a section in a document
<select>	Defines a drop-down list
<small>	Defines smaller text
<source>	Defines multiple media resources for media elements (<video> and <audio>)
<span>	Defines a section in a document
<strong>	Defines important text
<style>	Defines style information for a document
<summary>	Defines a visible heading for a <details> element
<table>	Defines a table
<tbody>	Groups the body content in a table
<td>	Defines a cell in a table
<template>	Defines a container for content that should be hidden when the page loads
<textarea>	Defines a multiline input control (text area)
<tfoot>	Groups the footer content in a table
<th>	Defines a header cell in a table
<thead>	Groups the header content in a table
<time>	Defines a specific time (or datetime)
<title>	Defines a title for the document
<tr>	Defines a row in a table
<track>	Defines text tracks for media elements (<video> and <audio>)
<u>	Defines some text that is unarticulated and styled differently from normal text
<ul>	Defines an unordered list
<video>	Defines embedded video content

Prabhat kumar

Pages

Saturday, March 6, 2021

Frontend - knowledge about CSS (Cascading Style Sheets) in deeply

Frontend - knowledge about Thymeleaf in deeply

Frontend - knowledge about HTML in deeply

Thursday, March 4, 2021

Frontend - knowledge about HTML

INTRODUCTION TO COMPUTER NETWORKS