The basic structure of HTML-

HTML: TD TH TR drinking ul

What is HTML

HTML (HyperText Markup Language), an application under the Standard Generalized Markup Language; web production is necessary for the programming language
word
"hypertext" refers to the inside pages can contain images, links, and even music, programs and other non-text elements .
HTML is not a programming language, but a markup language.

The basic structure of HTML

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>标题</title>
    </head>
<body>
        <h1>我的第一个标题。</h1>
        <p>我的第一个段落。</p>
</body>
</html>
  • <! DOCTYPE html> declaration as an HTML document, HTML page document is often referred to
    • Documents contain HTML tags and text
  • Between the textual description page and, at the same time the root element HTML element is the current page
  • Is the inclusion of document metadata (meta) data, as defined web coding format
  • </strong>元素描述当前文档页面的标题</li>
  • Text between and is visible page content
  • versus

    The text is displayed between the title
  • versus

    It is displayed as the text paragraph between

HTML comments

This is a H5 title

HTML tags

Commonly referred to as HTML markup tags HTML tags (HTML Tag)

  • HTML tags are keywords surrounded by angle brackets, for example
  • HTML tags are usually in pairs, such as <\ b> and
  • The label on the label is the first start tag, the second tag is the end tag
  • In most cases, HTML document tags can be nested to achieve more complex functions

Basic tab

  • Title Tag: h1 ~ h6

    <h1>
      这是一个最大的标题
    </h1>
  • Paragraph tag: p

    <p>
      每一个段落标签中的内容都会换行输出
    </p>
  • Block-level tags: div

    <div style="color: #FF0000">
      <h1>
          div标签常用来组合一整块标签内容
      </h1>
      <p>
          以便通过CSS样式来对其中这些元素进行格式化控制
          比如当前div标签下的所有文本均为红色
      </p>
    </div>
  • Wrap Tags: br

    111
    <br>
    222
  • Image tag: img

    <img src = 'xxx.img' alt='图片'>
    • src: used to specify the path of the current picture.
    • alt :
      1. When the cursor is in the picture displayed content.
      2. When the content of the picture failed to load when displayed.
  • Links tab: a

    <a src = 'http://www.baidu.com'> 百度 </a>
    • href: access control address
    • a: text labels to display page content elements
  • a unordered list: ul, li

    <ul>
      <li>无序列表项1</li>
      <li>无序列表项2</li>
      <li>无序列表项3</li>
    </ul>
    • ul: Indicates the current unordered list
    • li: a list of specific items use the label
    • Do not add a single list item ul tag
  • Ordered list: ol, li

    <ol>
      <li>A</li>
      <li>B</li>
      <li>C</li>
    </ol>
    • ol: Indicates the current ordered list
    • li: a list of specific items use the label
    • Do not add a single list item ul

External connections

Like img tags and other similar we need to access an external file, there are several common ways

  • The introduction of external images:

    <img src="img/1.jpg" alt="图片" />
  • Introduced another page

    <a src="other.html">其他页面</a>
  • The introduction of CSS style file:

    <link rel="stylesheet" type="text/css" href="css/main.css"/>
    • rel: the relationship between the relationship of the abbreviation, the file is used to define links and HTML documents

      stylesheet: Style Sheets

    • type: type of document outside the chain

    • href: Path outside the chain of documents

  • Introducing js file:

    <script type = 'text/javascript' scr = 'js/jquery.js'></script>
  • src 与 href:

    • Src resources for the introduction of resource, introduced as an integral part of the page, similar to change underwear.

Guess you like

Origin www.cnblogs.com/i969639/p/11201050.html