HTML Base Notes

Source: Internet
Author: User
Tags closing tag

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, &nbsp; &lt; &gt;
-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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.