Backend code agriculture Talk Front end (HTML) First lesson: HTML Overview

Last Update:2015-03-09 Source: Internet

Author: User

Tags closing tag

Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

First, what is HTML?

HTML is not a programming language, it is used to describe a Web page document (page structure) of a markup language;

HTML refers to Hypertext Markup Language (Hyper text Markup Language), which is called Hypertext Markup Language because the text contains so-called "HYPERLINK" points. ；

HTML prescribes its own grammatical rules, which are used to denote richer meanings than "text", than slices, tables, links, etc. The browser (Ie,firefox, etc.) software knows the syntax of the HTML language and can be used to view HTML documents. The vast majority of web pages on the Internet are now written using HTML. Second, what is HTML like?

Simply put, the syntax of HTML is to give the text the meaning of the label (tag), so that the user (person or program) can be a better understanding of the text.

Here is one of the simplest HTML documents:

< HTML >

  < Head >

    < title > First HTML document </title>

  </ Head >

  < Body >

    Welcome to <ahref= "http://hanzhaoxin.cnblogs.com/"> my blog </  a>

  </ Body >

</ HTML >

All HTML documents should have a

The

The specifics of the document will be placed in the <body> element. The <a> element is used to represent links, and when you view an HTML document in a browser (such as Ie,firefox, etc.), you usually jump to another page when you click the contents of the <a> tag. The address of the page to jump to is specified by the href attribute of the <a> element. In <a href=http://hanzhaoxin.cnblogs.com/> above, the value of the href attribute is http://hanzhaoxin.cnblogs.com/. Iii. what can an HTML document contain?

With different tags, HTML documents can contain different content, such as text, links, images, lists, tables, forms, frames, etc.

Text: HTML support for text is the most abundant, you can set different levels of title, segmentation and wrapping, you can specify the semantics and appearance of text, you can describe the text is referenced from other places, and so on.
Link: A link that indicates that the content is related to another page or to a place on the current page.
Images: Images are used to make a page more aesthetically pleasing, or to provide more information.
List: Lists are used to describe a series of entries that are related to each other.
Table: A table is the form in which data is organized by rows and columns. There are also many people who use tables for page layouts.
Forms: Forms are usually made up of text input boxes, buttons, multi-marquee, radio boxes, drop-down lists, and so on, making HTML pages more interactive.
Frame: The frame enables the page to contain other pages.

Iv. What concepts do I say about HTML?

Documentation: HTML documents are commonly known as Web pages.

Tags: keywords surrounded by angle brackets we become tags. Usually HTML tags appear in pairs, such as:<a>, </a>.

Start tag: The first label in the pair is the Start tab and also the Open tab. such as <a>.
End tag: The second label in a pair of labels is the closing tag and also the closing tag. such as </a>.

elements: We refer to the matching tag pairs and the content they enclose as elements. That is (element = start tag + content + END tag). such as: <a href= "http://hanzhaoxin.cnblogs.com/" > My blog </a>.

Block-level elements: elements that start (and end) with new lines when the browser is displayed by default.
Inline elements: Also known as inline elements, are displayed in the same row in a left-to-right order when the browser is displayed by default, and are not exclusive to a single line of elements.

Properties: The contents of the start tag that appear in the form of a name/value pair, which we call attributes. As in the example above: href= "http://hanzhaoxin.cnblogs.com/". (href is the attribute name, and "http://hanzhaoxin.cnblogs.com/" is the property value).

Backend code agriculture Talk Front end (HTML) First lesson: HTML Overview

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More