search

Home >Web Front-end >HTML Tutorial >Backend Coders Talk About Frontend (HTML) Lesson 1: HTML Overview_html/css_WEB-ITnose

Backend Coders Talk About Frontend (HTML) Lesson 1: HTML Overview_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-06-24 11:48:371122browse

1. What is HTML?

HTML is not a programming language, it is a markup language used to describe web documents (page structures);

HTML refers to Hyper Text Markup Language (Hyper Text Markup Language), so it is called Hypertext Markup Language is because the text contains so-called "hyperlink" points. ;

HTML stipulates its own grammatical rules to express richer meanings than "text", such as pictures, tables, links, etc. Browser (IE, FireFox, etc.) software knows the syntax of the HTML language and can be used to view HTML documents. Currently, most web pages on the Internet are written using HTML.

2. What does HTML look like?

To put it simply, the syntax of HTML is to add tags (Tag) to the text to indicate the meaning of the text, so that users (people or programs) can better understand the text.

The following is the simplest HTML document: 

<html>
  <head>
    <title>第一个Html文档</title>
  </head>
  <body>
    欢迎访问<a href="http://hanzhaoxin.cnblogs.com/">我的博客</a>! 
 
  </body>
</html>

All HTML documents should have a element. The element can contain two parts:

and .

The

element is used to contain general information about the entire document, such as the title of the document (the element is used to contain the title), a description of the entire document, keywords of the document, etc. <p>The specific content of the document must be placed in the </p> element. The element is used to represent links. When viewing an HTML document in a browser (such as IE, Firefox, etc.), clicking on the content enclosed by the tag will usually jump to another page. The address of the page to be jumped to is specified by the href attribute of the element. In the above , the value of the href attribute is http://hanzhaoxin.cnblogs.com/.

3. What content can an HTML document contain?

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

  • Text: HTML has the richest support for text. You can set different levels of titles, paragraphs and line breaks, you can specify the semantics and appearance of the text, you can indicate that the text is quoted from other places, etc. Wait, wait.
  • Link: A link is used to point out that the content is related to another page or somewhere on the current page.

  • Pictures: Pictures are used to make the page more beautiful or provide more information.

  • List: A list is used to illustrate that a series of items are related to each other.

  • Table: A table is a form of organizing data together by rows and columns. Many people also use tables for page layout.

  • Form: Forms are usually composed of text input boxes, buttons, multi-select boxes, radio buttons, drop-down lists, etc., making HTML pages more interactive.

  • Frame: Frame allows a page to contain other pages.

    • 4. What concepts can I talk about HTML?

    Document: HTML document is commonly known as a web page.

    Tags: Keywords surrounded by angle brackets we become tags. Usually HTML tags appear in pairs, such as: , .

  • Start tag: The first tag in a tag pair is the start tag and also becomes the opening tag. Such as .
  • End tag: The second tag in the tag pair is the end tag and also becomes the closing tag. Such as
    • .

    Element: We call matching tag pairs and the content they surround as elements. That is (element = start tag content end tag). For example: My blog.

  • Block-level elements: Elements that start (and end) with a newline when displayed by browsers by default.
  • Inline elements: Also known as inline elements, they are displayed in the same line from left to right when the browser displays them by default, and do not occupy a separate line.

    • Attributes: Those contents in the start tag that appear in the form of name/value pairs are called attributes. As in the above example: href="http://hanzhaoxin.cnblogs.com/". (href is the attribute name, "http://hanzhaoxin.cnblogs.com/" is the attribute value).

    Statement：
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Previous article：CSS3 implements ToolTip effect_html/css_WEB-ITnoseNext article：CSS3 implements ToolTip effect_html/css_WEB-ITnose

    Related articles

    See more