The details of H.T.M.L are "Hyper Text Markup Language". This is the most popular and necessary web language in the world of Internet. When we open any browser, we can see what this language looks like. 100% of the websites or webpages in the world that we see on our mobile or laptop or computer screen are displayed thanks to this H.T.M.L For example: Facebook page, Google, Yahoo, Amazon, etc. all types of websites are made with H.T.M.L language.
To see how the H.T.M.L code looks like, first open any browser such as Mozilla Firefox, Google Chrome, Apple Safari, Opera Mini, Parle Moon, Brave Browser Software and click the right button of the mouse. View Page Source Click on this menu, how many codes will come out. The primary codes of any webpage can be viewed like this.
H.T.M.L has another sibling language which can be understood by comparing it with a coin or coin. A coin has two sides. Both aspects are important. One is dead without the other. The same applies to HTML + CSS. See details in CSS: Cascading Style Sheets (CSS). Just as we design various graphics in Photoshop, CSS for web page design works in the same way as Photoshop. CSS codes are not normally seen in HTML pages. The codes are activated by placing them separately through the link code, but the CSS code works very well even if written inside the HTML. Muscles of the body, nose, mouth and eyes, without which the body will not look like a human will look like a ghost. So H.T.M.L code looks like a ghost at first, then after matching color, size, font, right-left, etc. with CSS, the actual design or design emerges. Web design actually means these two languages. It is done with Java and PHP languages are fully functional scripts. Most of their codes are hidden on the server but their results are exposed through HTML + CSS combination web pages. In short, all other programming languages also depend on this HTML + CSS.
The most important website to learn Html, Css web designing is www.w3cschool.com.This website has all the necessary computer languages, especially the programming languages used for web developing, with proper tutorials. Totally free.
Types of H.T.M.L
H.T. M. L
D. H. T. M. L
XH. T. M. L
X. M. L
What is HTML Editor?
The HTML editor is called WYSIWYG. That is, what you see is what you get.
- CoffeeCup HTML Editor
- Apache NetBeans
- Froala WYSIWYG HTML Editor
These are webpage editor software like MS Word. Their job is to automatically cut the beginning and end of the code that needs to be written. Also, some drag and drop designs are possible by dragging and dropping with the mouse. The main concept or power is taken by the brain. If the plan is set in the brain, how to input some codes, then it is possible to design a complete webpage even using the normal notepad software.
Basic HTML Code: HTML Boilerplate
<head> head start
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>HTML 5 Boilerplate</title>
<link rel="stylesheet" type="text/css" href="/style.css">
<title>I am the webpage title</title>
</head> head end
<body> body start
<div id=header> start
<h1>I am the webpage header</h1>
</div> header end
<div id=content> start
<p>this is a paragraph</p>
</div> content end
</div> <!--this is an html comments-->
This is java script file linking code line like Bootstrap
</body> body end
</html> html end
You have to write this much and save it. It is very important when saving that the page should be written as home or index and saved by writing HTML with a dot, for example: home.html / index.html. If you notice, you can see where the file is saved. The file is not displayed as an ordinary file. The file is displayed as an icon of an Internet browser software, such as Google Chrome, Mozilla Firefox, or Internet Explorer! This is the first web page! Double click will open and you will see two normal lines on the page or The sentence is so. One “I am the header of the web page” Two “This is a paragraph.” This is the basic principle of creating a website or web page: just as the camera is focused on the screen from the back of the movie screen, if you write something in the backend and save it, everything is displayed like the movie screen in the front end.
Basic CSS Code:
Save style.css by writing it like this: style.css
To be continue...