html language (1)

HTML ##

#### What is HTML?
- HTML refers to a hypertext markup language (the Hyper the Text Markup Language)
- HTML is not a programming language, but a markup language (Markup Language)
- markup language is a set of markup tags (markup tag), e.g. `<div > </ div> `` <P> </ P> `
- the HTML tags using the tag to describe the page

#### simple tag
` ``
<HTML> between // <html> and </ html> text description page
<body> // text between the <body> and </ body> is the visible page content of

the text between the <h1> this is a heading </ h1> // <h1> and </ h1> is displayed as the title

<p> this is a paragraph </ p> // text between <p> and </ p> is displayed as a paragraph

</ body>
</ HTML>

`` `

Wherein the first row <! DOCTYPE html> indicates the protocol employed html5

The ### HTML tags

- HTML title by `<h1> - <h6> ` tag defining the like.

`` `
<H1> I am a headline </ h1>
<h2> I is the second title </ h2>
<h3> I was three title </ h3>
<h4> I was four title </ h4 >
<H5> I am a stepless title </ H5>
<H6> I was six title </ H6>
`` `

- HTML paragraph is defined by the `<p>` tag.

`` `
<P> I is a paragraph </ P>
<P> I may be a text description. . . </ P>
`` `

- HTML links are defined with the `<a>` tag.

`` `
<a href="https://www.ichunqiu.com/"> point I jump to the official website of the Spring and Autumn i </a>
` ``

- HTML image is defined by the `<img>` tag.

`<img src =" shx.jpg " width =" 300 "height =" 200 "alt =" This is a picture "/>`

In this case, the picture "shx.jpg" going to the html file in a directory

Or absolute path

If the picture file is not found or does not exist

Alt will show information

- HTML list is defined by the `<ul>` and `<ol>` tag. Wherein `ul` generically to denote an unordered list,` ol` for an ordered list of

`` `
<UL>
    <Li> first </ Li>
    <Li> second </ Li>
    <Li> Article </ Li>
</ UL>
`` `

- HTML table by `table`` thead` `tbody`` th` 'td' defined tags, etc.
`` `

<= Table border". 1 ">
    <TR>
        <TD> 100 </ TD>
    </ TR >
</ table>
<H4> header: </ H4>
<table border = ". 1">
    <TR>
        <TH> name </ th>
        <TH> phone </ th>
        <TH> phone </ th>
    </ TR>
    <TR>
        <TD> John Doe </ TD>
        <TD> 555 854 47 </ TD>
        <TD> 123 234 77 </ TD>
    </ TR>
</ Table>

+ cell may be provided. " colspan "and" rowspan "attribute across the cell

<h4> across the two cells: </ h4>
<table border="1">
    <tr>
        <th>姓名</th>
        <th colspan="2">电话</th>
    </tr>
    <tr>
        <td>张三</td>
        <td>555 77 854</td>
        <td>555 77 855</td>
    </tr>
</table>
```