Home > Developer > Web Develop
Preface : If you are interested in the site, want to make their own web pages, do Web design, do Web development, then the first thing to learn is HTML, and can skillfully write HTML files. Maybe your programming linguistics is bad or poor, but don't worry, HTML is a new programming language that's easy for beginners to get started with. Don ' t be shy and Let's have a try!
1. What is HTML
In terms of Web technology, it can be broadly divided into static and dynamic Web pages. HTML is a language that is used to describe the language of a Web page.
HTML (hypertext Makeup Language) is a hypertext editing language that is used to describe the language of a Web page that can contain elements such as pictures, links, music, and non-text.
HTML is not a programming language, but a markup language (Makeup Language), and of course not programmed to learn html well. Markup Language: A set of tag tags (Markup tag).
HTML is about using tag tags to describe a Web page.
The HTML file suffix name is (. html), you can use the general text compiler to edit (Barckets/gedit/vim), and then open with a browser, you can see the edited Web page.
eg:html files are as follows
<! DOCTYPE html>
<title> examples </title>
<meta charset = "Utf-8"/>
<[email protected]>
<link rel= "stylesheet" type= "Text/css" href= ". /css/base.css ">
<link rel= "stylesheet" type= "Text/css" href= ". /css/wgt.css ">
<body class= "G-body" >
<div class= "G-top Is-frm-area" ></div>
<[email protected]>
<script src= "Javascript/page/home.js" ></script>
<script src= "Javascript/page/home.js" ></script>
</body>
2. html file Structure
EG:
<title> title </title>
<body>
<P> Topics Section </p>
</body>
HTML is a markup language,<...> is a tag, HTML is a label to describe the page, the label has the beginning of the end .
3. HTML Document
HTML documents are also called Web page HTML documents, contain HTML tags and plain text web, the role of the browser is to read HTML documents and display them as Web pages.
Browsers do not display HTNL tags (equivalent to hidden format descriptions), but instead use labels to interpret their contents
EG:
<body>
<p>first paragraph</p>
</body>
text description between < html> and text that is displayed as text between title < p> and </p> is displayed as a paragraph.
4. HTML Tags
What is a label
The labels are the objects of the above < head>, < body>, < table>, and so on, which are wrapped by the angle brackets "<" and ">", and most of the labels are in pairs. such as < table></talbe>, <form></form>. The first label in the pair is the start tag, the second tag is the end tag, and the start and end tags are also
known as open labels and closed labels, and of course, a few are not in pairs, such as < br>, < hr>, and so on. tags are used to tag HTML elements. The text that is between the start and end tags is the content of the HTML element.
what is an element
Many people may not have called a label, which is called the concept of elements to clear, learning has been confused. In order to avoid this kind of tragedy to happen again, I am here to distinguish beforehand, in fact the concept between the two is still very clear
HTML pages are actually text files made up of many different HTML elements, and any Web browser can run HTML files directly. So it can be said that HTML elements are the basic objects that make up HTML files, HTML elements can be said to be a generic. HTML elements are defined by using HTML tags.
For example < p> This is a label;< p> content </p> This is an element, which means that the element consists of a starting label and an end tag to contain some content; Here's a notable exception, < br/> itself is both the start tag and the end tag, but it doesn't contain anything, so it's just a label.
5. Feel the HTML
Use Dreamweaver to write a simple example using the HTML structure and tags you know above
Summary: Learn the basic knowledge of HTML, for the follow-up study pave the theoretical Foundation.
Initial knowledge of HTML
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
