day14--front-end HTML, CSS

HTML is a naked person, CSS put on gorgeous clothes, JS move up.

HTML

1,-a set of rules, browser recognition rules

2. Developer:

Learning HTML Rules

Developing daemon Programs

-Write HTML files (acting as templates)

-The database gets the data and then replaces it to the specified location in the HTML file (Web framework)

3. Local Testing

-Find file path, direct browser open

-Pycharm Open test (may occasionally have problems, with your ideal, using local open)

4. Writing HTML files

-doctype Correspondence Relationship

-html tag, tag internal attribute lang= "en", each file can have only one HTML tag

-Notes: <!--Content--

5. Label classification

-Self-closing label yourself close <meta>, self-closing label rarely <br> <link>

<meta charset= "UTF-8" >

-Active closing of labels <title> headings </title>

6. Head tag

-<meta> code, jump, Refresh, keyword, description, IE compatible

-<title></title> Label title

-<link/>

Specify the caption icon (<link rel= "shortcut icon" href= " //common.cnblogs.com/favicon.ico" type= "image/ X-icon "/>)

-<style/>

-<script/>

7. Body Tag

-icon (space); &GT (greater than sign); &LT (less than sign)

-<p></p> tags, paragraph <br> line wrapping labels

-

-<div> tags, block-level labels (whiteboard)

================= Small Summary ================

All labels are divided into:

Block-level label:

Inline label:<span></span> label (whiteboard) without any features

Tags can be nested between

The meaning of the existence of the label, positioning operation, JS get more convenient time

-Input Series

INPUT type = "Text"-name property, convenient background fetching data, Value property, default value

input type = "Password"-name property, let background fetch data

INPUT type = "Submit"

INPUT type = "button"

INPUT type = "Radio"-Value property, Name property (same as Name property, mutex), set default value, checked= "checked", default is selected

input type = "checkbox"-check box, Name property (bulk operation, get bulk data), set different value to differentiate

INPUT type = "File"-Sets the Name property, specifying the location of the commit, but type= "file" relies on a property of form form, otherwise the upload is unsuccessful, enctype= "Multipart/form-data" setting To upload the file. Enctype= "multipart/form-data" settings file upload location.

INPUT type = "Reset"-Reset, reset input inside the form, empty, re-enter

-20 Labels

Css

-Color

-Location

day14--front-end HTML, CSS