HTML Getting Started notes

1. Development readiness

• Development tools
• • IntelliJ idea
  • Webstorm
  • Eclipse
  • Dreamweaver
  • notepad++
• Reference documents
• • w3c:http://www.w3school.com.cn/

2.HTML Syntax

• Label names, attributes are not case sensitive.
• HTML entity characters
• • Space:
  • <:&lt
  • >:&gt
  • &:&amp
  • ": &quo1. Cross-platform
• HTML body Structure
• • • • <title> the label must exist </title>
      • <base href= "URL" target= ""/> <!--the base URL of the specified page (must be in the head tag, with a maximum number of one) --
      • <link/> <!--positioning for external cascading style sheets--
    • <body>
    • <!-- property information in the body tag--

    • text
      bgcolor	set background color
      background	Set background pattern
      bgproperties
      link
      alink
      vlink	set the link color after access
      topmargin
      leftmargin	set page left margin

      </BODY>
• <body> Label
• • Format labels
  • • <br>: line break
    • <P>: Change paragraph
    • <PRE>: Pre-format, save the text in the source format
    • <li>: List items
    • <ul>: Unordered list
    • <ol>: Ordered list
  • Text labels
  • • <b>: Bold characters
    • <i>: Italic word
    • <u>: Underline
    • <font>: Font
    • <tt>: Printer text
    • <small>: Small Font label
    • <big>: Large font labels
    • <sub>: text subscript
    • <sup>: Text superscript
• Insert Picture
• • SRC: URL path name for picture
  • Alt: Text description (The role of three: the cursor on the image of the stay display, the picture is not loaded when the text display; search engine crawling basis)
  • Width,height,border: Wide, high, edge.
• Hyperlinks and anchor points <a href= "URL" name= "name" target= "target" > link text </a>
• • HREF: Link address, can be absolute address, relative address, #锚点名称.
  • Name: Anchor point names
  • Target: The window name of the browser you are using to open the link
  • • _self: the current window.
    • _blank: New window.
    • _parent: The parent window (in the frame).
    • _top: The Top-level window (in the frame).
• Form
• • <table></table> Form Basic Tab
  • • Align: Specifies the layout position of the table in the previous layer (left\center\right)
    • Width,height,border: Wide, high, edge.
    • cellspacing: The spacing between cells.
    • cellpadding: The spacing between the contents of the cell and the border.
  • <caption> Table title </caption>
  • <tr> Line Markers </tr>
  • <th> Header Cell Labels </th>
  • <td> Data Cell Labels </td>
• HTML frame structure (divides the browser window into several sub-windows)
• • <frameset> Framework set </frameset> replace <body></body>.
  • For child window content must be included in the single-label <frame/>.
  • Frames can be nested.
• Form tags (for collecting interactive information)
• • Form Properties <form></form>
  • • Name: Names
    • Method: Form Information delivery method (GET: Form content appended to the URL, length limit 8196 and ASCII code value, no confidentiality/POST: Form content with the form body sent to the server, no length limit)
    • Action: Handler name, cannot be empty (empty: action= "no").
    • Target: Similar to a link, indicating how it was opened after submission.
  • Input domain <input/>
  • • Type= "text": Text field.
    • Type= "Radio": Radio button.
    • Type= "checkbox": check box.
    • Type= "button": Normal button, you need to combine JavaScript and other scripts to use.
    • Type= "Password": Password field.
    • Type= "Submit": Submit button, after submission of form content to action processing.
    • Type= "Reset": Resets the Form content button.
    • Type= "hidden": hidden field, not displayed.
    • File,hidden,image, Susbmit
  • <textarea> Multiline text fields </textarea>
  • <select> drop-down list fields </select>
  • • <option value= "" selected> list items </option>

Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced.

HTML Getting Started notes