HTML Story

What is HTML

HTML means HyperText Markup Language . It is not a programming language but it is the boss of web front-end . It describes and defines the content of a webpage . HTML builds a modern web site design with CSS & JS .

HyperText: It is text which connected with one or more another text or page .
Markup: HTML uses markup to annotate text, images, and other content for display in a Web browser. HTML markup includes special elements such as…
<head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img> and many others.

~ html code = open tag(<h1>) and close tag (</h1>) . ex: <h1>....</h1> . tag consist on angle <> .

Touch it

tag : <h1>
element: Open tag and close tag both that is element . <h1>....</h1>
attribute: Every element has atrribute as like href ,class , id , alt , poster etc.
<h1 class="profile" >....</h1>

HTML Basic code

<!DOCTYPE html>
<html>
  <head>
    <!-- Document metadata -->
    <meta charset="utf-8">
    <title> This is a title</title>
  </head>
  <body>
     <!-- Document content -->
    <p>Hello HTML Master</p>
  </body>
</html>

!DOCTYPE html : Its represent HTML5
head : Here include all meta tag , css and js
body : Here include web front-end all code (content) . JS also include here instead of head ( at last position of body before body close tag).

Linked css

External css

<link rel="stylesheet" type="text/css" href="https://hellolaravel.org/css/index.css">

Internal css

<head>
  <meta charset="utf-8">
  <title> This is a title</title>
  <style media="screen">
    /*All style here*/
  </style>
</head>

Linked JS

External script
<script src="https://hellolaravel.org/js/vue.js"></script>

Internal Script

<script type="text/javascript">
  console.log('Welcome to Hello Laravel');
</script>