Front-end Getting Started Notes - HTML

Old Boys Lesson Video Notes

HTML

    1. A set of rules, the rules recognized by the browser.
    2. Developers:
        learn Html rules
        and develop background programs:
            - Write Html files (acting as a template) ******
            - Database obtain data, and then replace it to the specified location of the html file (Web framework)          3.
    Local test- Find the     file path, open it directly in         the
browser         -
         pycharm opens the         test ->     5. Tag classification         - self-closing tag             <meta charset="UTF-8">         - active closing tag             <title>old boy</title>     6. In the         head tag             - <meta/> encoding, jumping, refreshing, keyword, description, IE compatible












                    <meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;" />
            - title tag
            - <link /> icon, CSS file
            - <style /> CSS
            - <script> JS
    7. Body tag
         - icon,   > <
         - p tag, paragraph
         - br, line break
         ======== Small summary =====
            All tags are divided into:
                block-level tags: div (whiteboard) , H series (enlarge and bold), p tag (space between paragraphs) Inline tags: The meaning of the existence of             nested tags between
                span (whiteboard) tags             , css operation, js operation             ps: The use of chorme review elements                 - positioning                 - view style         - h series         - div







        - span
        - input series + form tag
            input type='text' - name attribute, value="Zhao Fan" 
            input type='password' - name attribute, value="Zhao Fan" 
            input type='submit' - value=' Submit' submit button, form
            input type='button' - value='login' button            
            input type='radio' - radio box value, checked="checked", name attribute (the same name is mutually exclusive)
            input type=' checkbox' - checkbox value, checked="checked", name attribute (obtain data in batches)
            input type='file' - depend on an attribute of form enctype="multipart/form-data"
            input type='reset' - reset    
            <textarea>default< /textarea> - name attribute
            select tag - name, internal option value, submit to background, size, multiple
        
- form tag
            <form action='http://sssss' method='GET' enctype='multipart/form-data'>
                <div>asdfasdf</div>
                <input type='text' name='q' / >
                <input type='text' name='b' />
                # upload file
                <input type='file' name='f' />
                <input type='submit' />
            </form>
            GET: http:/ /sssss?q=value entered by user
                 http://sssss?q=value entered by user&b=content entered by user                 
            POST:
                request header

                request content

        - a tab
            - jump

            - Anchor href='#ID of a tag' The ID of the tag is not allowed to be repeated     

        - img 
             src
             alt
             title
             
        - list
            ul
                li
            ol
                li
            dl
                dt
                dd
        - table
            table
                thead
                    tr
                        th
                tbody
                    tr
                        td
            colspan = ''
            rowspan = ''
        - label
            is used to click on the file, so that the associated label gets the cursor
            <label for="username">用户名：</label>
            <input id="username" type="text" name="user" />
        - fieldset
            legend