Html
1, a set of rules, browser-aware rules
2, Developer:
Learning HTML Rules
Development daemon:
-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 the file path and open it directly to the browser
-pycharm Open Test
4. Writing HTML files
-doctype Correspondence Relationship
-html tag, label can write property = = "Only one HTML tag in a script
-Comment:<!--The contents of the note--
5, Label classification
-Self-closing and labeling
<meta charset= "UTF-8" >
-Active closing tag
<title> Jia Xiang Fly </title>
In the 6,head tab
-<meta, jump, refresh, keywords, description, IE compatible
-<title> label </title>
-<link/> Icons
-<style/>
-<script>
7,body Label
-Icons, < >
-P label, paragraph
-BR, line break
====== Small Summary ======
All labels are divided into:
Block-level Tags: div (whiteboard), H-Series (enlarged bold), p label (spacing between paragraphs and paragraphs)
Inline label (inline label): span label (whiteboard)
Tags can be nested between
tags exist between the meaning of positioning operations, CSS operations, JS operation
Ps:chorm review of the role of elements
-Positioning
-View Styles
-H Series Font zoom in/Zoom Out
-div Block level label Whiteboard
-span in-line label Whiteboard
-input Series (can be submitted to the backstage) + form label
input type= ' text '-name property (default ' Chao Fan ' in value= ' Chao Fan ' input box)
input type= ' password '-name property
Input type= ' submit '-value= ' commit ' submit button, form
Input type= ' button '-value= ' Login ' button
input type = ' Radio '-The Radio Box Value,name property (name same is mutually exclusive, can only select one)
Input type= ' checkbox '-check box Value,name property (bulk fetch data) checked= ' checked ' (selected by default)
Input type= ' file '-relies on a property of form form <form enctype= "Multipart/form-data" >form form label
in Put type= ' reset '-reset
<textarea> default </textarea>-name property
Select Label-name, internal option V Alue, submit to background, size display multiple, muiltiple multi-select
-a label
-jump Hyperlink
-anchor href= "#某个标签的id" ID cannot be repeated
-img image
src picture address
alt= ' Beauty ' no picture address when the ' Beauty '
title= ' beauty ' mouse stays on the picture when the ' beauty ' two characters
-List
-ul
Li
-ol
Li
-dl
DT List Title
Dd
-Table
-table
Thead table Header
-TR Line
Th column
Tbody in table
TR Line
TD Column
colspan = ' 2 ' 2 represents a horizontal 2 grid
rowspan = ' 2 ' 2 represents a vertical 2 grid
-label
Used to click on the text so that the associated tag gets the cursor
<label for= "username" > Username </label>
<input id= "username" type= "text" name= "user"/>
-fileset
Legent
HTML Base Notes