HTML introductory notes_html/css_WEB-ITnose

1. Development preparation

Development tools

intellij IDEA

WebStorm

eclipse

dreamweaver

notepad

Reference Document

w3c: http://www.w3school.com .cn/

2.HTML syntax

Tag names and attributes are not case-sensitive.

HTML entity characters

Space:  

<: <

>: >

&：&

"：&quo1. Cross-platform

HTML body structure

text	设置文字的颜色
bgcolor	设置背景颜色
background	设置背景图案
bgproperties	设置背景图案为固定
link	设置页面默认的链接颜色
alink	设置鼠标正在点击时的链接颜色
vlink	设置访问后的链接颜色
topmargin	设置页面上边局
leftmargin	设置页面左边距

>

: line break

: paragraph change

: pre-formatted, save text in the source code Format 

: list items

: unordered list
• : ordered list
  1. < hr>: Horizontal separator line
  2. Text label
  4. : n is 1~6, define six-level headings
  6. : italic
  7. : underline
  8. : font
  9. < tt>: printer text
  10. : small font label
  11. : large font label
  12. _{: text subscript}
  13. ^{: Text superscript}
  14. Insert image
  16. src: URL path name of the image
  17. alt: text description (has three functions: display when the cursor stays on the image; display of text when the image is not loaded; basis for search engine crawling)
  18. width, height, border: width, height, edge.
  19. Hyperlinks and anchorsLink text
  21. href: link address, which can be absolute address, relative address, #anchor name.
  22. name: anchor name
  23. target: window name of the browser used to open the link
  25. _self: current window.
  26. _blank: New window.
  27. _parent: Parent window (in the frame).
  28. _top: Top window (in the frame).
  29. Table
  31. Table basic label
  33. align: Specify the table in the previous Typesetting position in the layer (leftcenterright)
  34. width, height, border: width, height, edge.
  35. cellspacing: The spacing between cells.
  36. cellpadding: the spacing between cell content and border.
  37. Table title
  38. Row label
  39. Header cell label< ;/th>
  40. Data cell label
  41. HTML frame structure (dividing the browser window into several sub-windows)
  43. frameset replaces .
  44. For subwindow content must be contained in a single tag .
  45. Frames can be nested.
  46. Form tags (used to collect interaction information)
  48. Form attributes
  50. name: name
  51. method: form information transmission method (
  GET
  52. : the form content is appended to the URL, the length limit is 8196 and is an ASCII code value, no confidentiality/
  POST
  53. : The form content is sent to the server along with the form body, no length limit)
  54. action: handler name, cannot be empty (empty: action="no").
  55. target: similar to a link, indicating how to open it after submission.
  56. Input field type="text": text field.
  57. type="radio": radio button.
  58. type="checkbox": checkbox.
  59. type="button": ordinary button, which needs to be used in conjunction with scripts such as javascript.
  60. type="password": Password field.
  61. type="submit": Submit button. After submission, the form content is handed over to the action for processing.
  62. type="reset": button to reset form content.
  63. type="hidden": hidden field, not displayed.
  64. file, hidden, image, susbmit
  65. Multi-line text field
  66. Drop-down list field
  68. list item
  Copyright statement: This article is an original article by the blogger and may not be reproduced without the blogger's permission.