Html on the basis of written language, labels, lists, attributes, images, hyperlinks, tables with

1 HTML basic wording:

1.1 <!DOCTYPE html>
      <html lang="en">

     <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">       (快捷键!+tab)
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
  • <head>  element of the document contains the element (Meta) data, such as the  <meta charset = "utf-8 "> custom page coding format  UTF-. 8 . ( Written in which 1.1 )
  • <title>  element describes the document title
  • <body>  element contains the visible page content
  • <h1>  element defines a headline by <h1> - <h6> defined font size smaller
  • <p>  element defines a paragraph
  • <b> font bold
  • <i> is italic font
  • <s> for deletion
  • <br> to wrap
  • < Sub> is the subscript
  • <Sup> as superscript
  • <div>

2 list elements: ordered list <ol> (structure <li> </ li>) unordered list <ul> custom list <dl> <dt> <dd > ( label starting with dl, each custom list item starts with dd dt )

3 <a href=" url "> link text </a> which can be defined in the text of a hyperlink name id width height attributes, id has a unique character, a page can be only one!

4 table tags are table defined, substantially wording of t <able borde (border) r = "1 '' cellpadding (from text and borders) =" 0 ' "cellspacing (cell pitch) =" 0 " align = "position" valign = "vertical" rowspan = "interbank merge" colspan = "across columns into">

                                                                      <tr>

                                                                      <Td> </ td> column </ tr> want to write a few lines on several odd row

The most complete wording for the <thead> <tbody> <tfoot>

5 html graphic attribute is <iimg src = "" alt = "">

Form Exercise

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=<device-width>, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <table align="center">
        <tr>
            <Td colspan = "7"> Profile </ td>
        </tr>
    </table>
    <table border="1" cellspacing="0" cellpadding="0" align="center">
        <tr>
            <td align="center"width="100"height="50">学院</td>
            <Td colspan = "5"> Qingdao Yellow Sea academy </ td>
            <td rowspan="5" width="100" height="50"><img src="web picture"></td>
        </tr>
        <tr>
           <td align="center" width="100" height="50">专业</td>
           <Td colspan = "5"> e-commerce </ td> 
        </tr>
        <tr>
            <td align="center" width="100" height="50">姓名</td>
            <td width="1">冯翔宇</td>
            <Td align = "center"> Gender </ td>
            <td width="1">男</td>
            <td align="center"width="100" height="50">民族</td>
            <td width="1">汉</td>
        </tr>
        <tr>
            <td align="center" width="100" height="50">出生年月</td>
            <td>19900304</td>
            <Td align = "center"> origin </ td>
            <Td> Laiyang City, Yantai City, Shandong Province </ td>
            <Td align = "center"> Height </ td>
            <td>185cm</td>
        </tr>
        <tr>
            <td align="center" width="100" height="50">学历</td>
            <Td> tertiary </ td>
            <Td align = "center"> Political affiliation </ td>
            <td colspan="3">团员</td> 
        </tr>
        <tr>
            <td align="center" width="100" height="50">就业意向</td>
            <Td colspan = "6"> to bring the promotion of business space, more learning </ td>
        </tr>
        <tr>
            <Td align = "center" width = "100" height = "50"> Interest </ td>
            <Td colspan = "6"> electronic products </ td>
        </tr>
        <tr>
            <Td align = "center" width = "100" height = "50"> Description Personal </ td>
            <Td colspan = "6"> I open personality, sociable </ td>
        </tr>
        <tr>
            <td align="center" width="100" height="50">家庭住址</td>
            <Td colspan = "6"> Zhangdian District of Zibo City, Shandong Province </ td>
        </tr>
        <tr>
            <Td align = "center" width = "100" height = "50"> Accommodation address </ td>
            <Td colspan = "2"> Zhangdian District of Zibo City, Shandong Province </ td>
            <Td align = "center" width = "100" height = "50"> telephone </ td>
            <td>nothing</td>
            <td align="center"width="100" height="50">手机</td>
            <td>17664013662</td>
        </tr>
        <tr>
                <Td align = "center" width = "100" height = "50"> representation </ td>
                <td colspan="6">待业</td>
        </tr>            
        <tr>
                <td align="center"width="100" height="300">个<br>人<br>简<br>历</td>
                <td colspan = "6" align = "center"> Sichuan Changhong Electric Co., Ltd. Jinan sales company as a business manager, responsible for the planning activities of the mall <br> business for three years, is mainly responsible for the establishment of Alibaba international station, operation, and promote single, create AliExpress, resigned for personal reasons
                </td>
        </tr>
    </table>   
</body>
</html>

Guess you like

Origin www.cnblogs.com/mmore123/p/11968949.html