hmtl
 hyper text markup language
  Hypertext markup language
  Hypertext : Beyond the ordinary text Color change In bold Bigger Even set up hyperlinks
  Mark : The browser has been defined Some special symbols enclosed in angle brackets
  Language : Communication tools between users and browsers

html The document should be in the form of .html ending ( We can use .htm The ending doesn't recommend )
 1.html Language If the label has a beginning and an end It's called the containment mark
 2.html In language If the label has no label body It's called an empty tag
 3.html Language is not how to regulate language It's better to follow the rules
 4.html Labels are not case sensitive   Domestic developers like lowercase Lower case is better
 5.html In language Tags are best nested correctly
 6. Tags can have attributes :
   Writing format   Property name =" Property value "  "" '' "'

Text labels :
  <hn></hn> n It's a variable Value range 1-6
  <h1></h1>
    characteristic :
    In bold Line break Leave blank up and down It's getting smaller from one to six
    Common properties :
    align: Alignment mode   left center right
   Text label :
   <font></font><br />
    Common properties :
    color: Color
    size: size 1-7 1 To 7 More and more big
    face: Font family
    
     Value of color :
     1. The English word for direct color
     2.RGB With # Start with six hexadecimal numbers #12345f
  <b></b>: In bold
  <strong></strong>: In bold   
  <i></i> : Italics
Typesetting labels :
 <hr/>: Horizontal label
  Common properties :
  width: Width
   The width value is :
   1.% percentage
   2.px
  align: Alignment mode
  Line wrap label
  <br/>
  
  Paragraph Tags
  <p></p>
   Common properties :
   align: Alignment mode
   
Picture label :
  <img />
    Common properties :
    src: Specify the image path
    alt: Substitute words
    width: Width
    height: Height
    Path value :
    1. Relative paths :
      current path :./logo2.png ./ Don't write
      Superior path :../img/logo2.png
    2. Absolute path :
     http://img.baidu.com/xx.jpg
Tabs tab
  ol: Ordered list
  ul: Unordered list
    Common properties :
    ol:
    type: Control the front explicit style
     1: Default
     A
     a
     I
     i
    ul:
     type:
      disc: Default
      circle: The hollow circle
      square: square
 
   Common sub tags
   li: List item
    Hyperlink label :
  <a></a>
    Common properties :
    href: The path of the jump page
    target: How to open the jump page
     _blank: A new tab opens
     _self: Default
     framename: Show... In frameset
     Path value :
      Relative paths :
       current path :
       Superior path :
      Absolute road strength : website
     #: Jump to the current page
Tabular label :
 <table></table>
  Common properties :
  border:px
  width: Width
  height: Height
  cellspacing: The spacing of the table lines
  align: Alignment mode
  Common sub tags :
  <tr></tr>
 tr label   That's ok
   Common properties :
   bgcolor: The background color
   align: Alignment mode
   Common sub tags :
   <td></td>: Cell
     Common properties :
     bgcolor: The background color
     align: Alignment mode
     rowspan: merger
     colspan: columns
   <th></th>: Header label
      characteristic : In bold In the middle
  Escape character :
   A common escape sign :
    Writing format
    & word ;
    Space escape character : &nbsp;
    More than no. >:   &gt; greate than
    Less than no. <:  &lt; less than
   & Symbol :  &amp;
form Form labels :
 form Form labels :
  <form></form>
    Common properties :
    action: Submit the address
    method: Method of submission
     get:
       Default submission method
       The parameter is appended to url Back ? Parameter name = Parameter values & Parameter name = Parameter values
       The maximum number of data cannot exceed 1kb
     post:
       There is no data size limit
       Not following url Back
       It's safer
    Common sub tags :
    input: Input box
     type:(10 Kind of )
      text: Default
      password: Password box
      radio: Radio buttons
      checkbox: Checkbox
      
      file: Upload files
      
      button: General button
      submit: Submit button
      reset: Reset button
      
      image: Understand in understanding
      
      hidden: Hidden fields  
 
    select: Drop down the selection box
      Common sub tags
      option
    textarea: Text field labels
      Common properties
     rows: That's ok
     cols: Column
   
   General properties :
   1.name attribute
    1. Give the radio box Checkbox grouping
    2. If you want to submit data You have to give the label a name attribute And it has to be assigned
   2.value
    1. Name the button class label
    2. Multiple choice box When you submit data You want to submit your desired value value attribute Assignment must be made.
   Set the default value :
   1. Plain text box Password box   hidden Set the default value Give me a value Property value Assignment must be made.
   2. Give the radio box Set the default value for the marquee Set it a checked attribute
   3. to select Drop down selection box to set the default value   Give it a sub tag option Set up selected attribute
   4. to textarea Set the default value Just write in the tag body
   
  ?username=tom&password=12345&gender=0&hobby=eat&hobby=sleep&avatar=&province=02&city=0201&desc= Hello
   Click Submit button A form submit event occurred Submit data
   stay url Followed by a question mark ? Parameter name = Parameter values
    If you have more than one parameter & Connect

Html More articles on basic usage

  1. EditText Basic usage

    title: EditText Basic usage tags: EditText, Edit box , Input box --- EditText Introduce : EditText In the development is often used in the control , It's also a necessary component , It can be said that it is ...

  2. jquery The usage of plug-ins cookie plug-in unit

    One . Use cookie plug-in unit Plug in official website download address :http://plugins.jquery.com/cookie/ cookie The usage of plug-ins is relatively simple , Paste the following code example directly : // Generate a cookie ...

  3. Java Medium Socket Usage of

                                   Java Medium Socket Usage of Java Medium Socket Divided into ordinary Socket and NioSocket. Ordinary Socket Usage of Java Medium ...

  4. [ Reprint ]C# in MessageBox.Show Usage and VB.NET in MsgBox usage

    One .C# in MessageBox.Show usage MessageBox.Show (String)  Displays a message box with the specified text .  from  .NET Compact Framework  Support . MessageBo ...

  5. python enumerate usage

    A new built-in function, enumerate() , will make certain loops a bit clearer. enumerate(thing) , whe ...

  6. [ Reprint ]Jquery in $.get(),$.post(),$.ajax(),$.getJSON() To sum up the usage of

    This paper deals with Jquery in $.get(),$.post(),$.ajax(),$.getJSON() The usage of is summarized in detail , Friends in need can refer to , I hope that's helpful . Detailed interpretation Jquery various Ajax function : ...

  7. 【JavaScript】innerHTML、innerText and outerHTML Differences in usage

    usage : <div id="test">   <span style="color:red">test1</span> tes ...

  8. chattr usage

    [root@localhost tmp]# umask 0022 One .chattr usage 1. Create an empty file attrtest, Then delete , Prompt cannot be deleted , Because there are hidden files [root@localhost tmp] ...

  9. Cute new notes ——vim command “=”、“d”、“y” Usage of ( Combined with the cursor movement command , Some occasions will be very convenient )

    vim There are many orders , There are a lot of posts on the Internet . The article lists the commands of various functions . about "="."d"."y", I found out by accident that they have the same usage , First ...

  10. [ turn ]thinkphp Template display display and assign Usage of

    thinkphp Template display display and assign Usage of $this->assign('name',$value); // stay Action Class assign Method to assign a value to a template variable , No matter what ...

Random recommendation

  1. From world coordinates to ui Of rect Coordinate method

    It's been killing me all night . Forgive me for putting it up like this first . I'll sort it out tomorrow using UnityEngine; using System.Collections; using UnityEngine.UI; p ...

  2. log4j Details of configuration file

    1. Configuration root Logger, Its grammar is : log4j.rootLogger = [ level ] , appenderName, appenderName, … among ,level Is the priority of logging , It is divided into ...

  3. 20160512--hibernate-- cache

    cache Caching is mainly used to improve performance , It can be simply understood as a Map: Using caching involves three operations : Put the data in the cache . Get the data from the cache . Delete invalid data from cache .   Principle simulation analysis :( Can not run , It's just a simulation )( Cache implementation is complex , ...

  4. Maven Create a father son project ( Simple 、 complete )

    Eclipse establish Maven Father son project ( Some of them are called polymerization engineering , Because I read a lot of online tutorials , There are always such and such small problems in practice , Sometimes the package structure is not right , After the success of creation, simply write an article to help Xiaobai , If there is something wrong, please advise ) 1 file-n ...

  5. github summary (4)-- About git reset --hard The painful lesson of this order

    Background narration : the other day , Upload your own station to git Last time , I've used it for a few times git reset --hard xxxxxx command . Because only one was passed in on the line index.html page ( I don't know what I think , Is this ...

  6. JGUI Source code :Accordion Collapse to sidebar implementation (6)

    The folding and unfolding effects are shown in the left and right figures The code is as follows // Fold $.fn.jAccordionfold = function() { return this.each(function() { var obj = ...

  7. 20165223《JAVA Programming 》 Study summary of the first week

    20165223 <JAVA Programming > Study summary of the first week Summary of the learning content of the textbook Through the website JAVA Chapter one video tutorial . The teaching material . Teachers to the tutorial and online inquiry for learning Chapter one main points JAVA Status and characteristics status : The Internet . ...

  8. Internal sorting -&gt; Insertion sort -&gt; Other insertion sort -&gt; Binary Insertion Sort

    A word description Compared with direct insertion sort , Just put “ lookup ” Operation utilization “ Binary search ” To achieve , The insertion sort thus performed is called half insertion sort . Sketch Map A little Algorithm analysis Compared with direct insertion sort , Reduce the number of comparisons , But the number of moves didn't change , So cut it in half ...

  9. C# call VP Contains material

    VS2012 +VP9.0 ***************** When I run it, I just need to modify it VP The path of the material inside can be link : https://pan.baidu.com/s/1J6Bc5FcBYLZLgqe30 ...

  10. Simple and easy jQuery plug-in unit

    Before written jQuery Plug in notes How to use jQuery Package plug-ins I've always felt that a lot of closures and three plug-in encapsulation modes mentioned above are a little redundant , I didn't find it very simple until I got to the end of the note , After thinking about it, I still feel that some articles on the Internet have made things complicated ...