What is HTML? What is the HTML layout of a web page?
In this article, I will introduce the concept of HTML, what is HTML? Thereby will help you understand what is the use of HTML in a web page.
When starting to get acquainted with web programming, HTML is the first content that you have to learn, then you will combine with CSS to create very unique products. It sounds good, but you're new to it, so it's probably a bit vague, isn't it in this series that we'll explore together.
What is HTML?
HTML stands for HyperText Markup Language , translated into Vietnamese means hypertext markup language . It is used to format the layout, properties related to the display of a text and is displayed on a special program, we call it the browser .
Currently, there are many browsers such as Firefox, Chrome, Coc Coc , … All browsers have in common that helps users manipulate websites and it is capable of compiling HTML, CSS and Javascript code.
Speaking of which, you must be wondering what the concept of CSS is and what is Javascript, right? Don't worry too much, because in this series of lessons I will explain it all to you.
Since HTML is a special format of XML, it will have an opening tag and a closing tag with the following syntax:
<tagname></tagname> Each tagname as above is called an HTML tag, and their use is different. For example, if you want to bold a certain word, you can put it in the <strong>Nội dung in đậm</strong> tag.
In addition, each HTML tag has a number of its own attributes, and the list of attributes that will be inside the opening tag is as follows:
<tagname pro1="value1" prop2="value2"></tagname>Example : Write HTML code to display the words " Instruct you to learn HTML with web888.vn". In it, please bold the words web888.vn.
Hướng dẫn các bạn học HTML với <strong>web888.vn</strong>Thus, HTML was born with the purpose of designing content layout for data in general and for website interface in particular. To understand better, let's go to the second part.
Mục lục
2. The History of HTML
HTML was created by Tim Berners-Lee , a physicist at the CERN research center in Switzerland. Until now, HTML has become a standard of the WWW ( World Wide Web ), and almost all different browsers can compile HTML code to this standard.
The first HTML version came out in 1991, it had only 18 simplest HTML tags. It was not until 1999 that the HTML4 version was released. In 2014, a new version was born marking a very strong development, which is the HTML5 version. This version provides some more tags like article, header, side, footer…
For older browsers will not compile HTML5 code, so you must update to the latest version for your browser.
3. What is the HTML layout of a web page?
HTML has a lot of different tags, and each tag will have certain tasks. So you wonder how to divide the tags for a website?
Typically, the HTML layout of a website will look like this:
In there:
-
<!DOCTYPE html>is the declaration of the display data type ashtmlfor the browser ( Browser ) to know. -
<html>and</html>is the outermost pair of tags and it is responsible for covering all the content of the web page. This card is the tie bowl. -
<head>and</head>are the information declaration of the website -
<title>and</title>are inside the<head>tag and this is the title declaration for the web page. -
<body>and</body>is the most important element, it contains the HTML code used to display on the website - The remaining tags in the
<body>tag are data formatting tags.
So in a website we divided into 2 main parts:
- Part 1 : These are information declarations for the website and we put it in the
headtag. - Part 2 : Is the part that displays the content format of the web page and we put it in the
bodytag.
And it is described as follows:
For example
4. Common interface positions of a website
Usually the interface of a website will be divided into the following sections:
- Header ( fixed )
- Footer ( fixed )
- Menu ( fixed )
- Sidebar ( fixed )
- Main Content ( Each subpage will be different )
Thus, in those sections, only the content will change on each different page, the rest will remain unchanged. For example, if you go to the homepage of website888.vn and web888.vn/hoc-php , you will see that only the content in the middle is changed, while the header , footer , menu , and sidebar sections are unchanged.
4. What is the difference between HTML and CSS?
HTML is just a text markup language, it does not support effects and layout for a layout. To do that, we have to use CSS.
So, we can think of each web page as a house, HTML is the materials to build that house, and CSS is the blueprint for the house. Like to change the paint color or change the size, just use CSS.
5. Is HTML difficult to learn?
It can be said that HTML is an extremely easy programming language to learn. The difficulty here is that you have to combine with CSS or Javascript to create complex effects or interfaces. As for HTML, it only has a few dozen tags that are most used.
6. What software do you use to code HTML?
Currently there are many software used to code web with HTML and CSS. Depending on your preferences and habits, you can choose one of the software below.
- PHP Designer
- Dreamweaver
- Netbeans
- Sublime text
- Visual studio
- intellij
7. Conclusion
Through this article, I have introduced the basic concepts of HTML such as What is HTML? What is the history of HTML development? At the same time, you also know the main components that make up a website interface, see you in the next articles.
