HTML and CSS Accumulation

Source: Internet
Author: User
  1. HTML Escape characters
    & Nbsp and Tab
    & Nbsp; in HTML is a space, but not 32 (hexadecimal 20). & nbsp; the value is 160 (hexadecimal A0 ).
    Special HTML characters do not include tab. the tab can also be expressed as & #9. but only in <PRE>... </PRE> This internal flag takes effect. it is equivalent to a space in other places. this is different from & nbsp.
    & Amp; or & #38; equivalent to & Symbol
    & Lt; or & #60; equivalent to a minor sign <
    & Gt; or & #62; equivalent to greater than number>
    & Quot; equivalent to double quotation marks"
    & Copy; equivalent to the copyright operator |
    & Reg; equivalent to a register character
  2. Hotspot
    An operation point is provided at any coordinate position on an image.

    The image usemap = "# hashmap" is defined above. The following figure defines four hot spots on the image. They are the points of four href operations, you can define the href = "" attribute as a URL.
    <Map Name = "hashmap">
    <Area shape = "rect" coords = "39,7, 88,20" href = "alert ('OK')" style = "cursor: 'hand';" target = "Main">
    <Area shape = "rect" coords = "123,6, 171,20" href = "alert ('OK')" style = "cursor: 'hand';" target = "Main">
    <Area shape = "rect" coords = "208,6, 256,21" href = "alert ('OK')" style = "cursor: 'hand';" target = "Main">
    <Area shape = "rect" coords = "289,7, 318,21" href = "alert ('OK')" style = "cursor: 'hand';" target = "Main">
    </Map>
    For example:
    <Area shape = "rect" coords = "39,7, 88,20" href = "alert ('OK')" style = "cursor: 'hand';" target = "Main">
    Shape = "rect" indicates that this hotspot is a rectangle. coords = "39,7, 88,20" indicates the coordinate point of the rectangle hotspot on this image. href = "alert ('OK')" can be used to call a JavaScript function or a URL Connection.
  3. Related programming websites
    Http://www.webjx.com/web teaching network http://www.webjx.com/plus/search.php? Keyword = JavaScript + Tree & channeltype = 1 & orderby = & kwtype = 1 & pagesize = 15 & typeid = 0 & totalresult = 91 & pageno = 5
    Http://qqqweb.net/jianzhan/57/106.htm meta article
    Http://www.wzsky.net design frontier
    Http://phpx.com/man/dhtmlcn/objects/MARQUEE.html HTML reference
  4. Document.exe ccommand () Parsing
    2d-positionexcepdocument.exe ccommand ("2d-position", "false", "true"); enables direct drag of absolutely positioned objects; ie5.5
    Absolutepositionexcepdocument.exe ccommand ("absoluteposition", "false", "true"); Changes object positioning to absolute positioning; ie5.5
    Backcolor1_document.exe ccommand ("backcolor", "false", scolor); set the background color; ie4.0
    Blockdirltr; none; Enable block-level element layout from left to right ?; Not Supported
    Blockdirrtl; none; Enable block-level element layout from right to left ?; Bold1_document.exe ccommand ("bold", "false", null) is not supported; the text in the selected area is bold; ie4.0
    Browsemode; none; set the browser mode ?; Copy is not supported;
    Document.exe ccommand ("copy", "false", null); copy the selected text to the clipboard; ie4.0 createbookmark#document.exe ccommand ("createbookmark", "false", sanchorname ); set the specified anchor as a bookmarks; ie4.0
    Createlinkappsdocument.exe ccommand ("CreateLink", "false", slinkurl); converts the selected text to hyperjoin. If the second parameter is true, the Parameter Setting dialog box is displayed. ie4.0
    Cutaskdocument.exe ccommand ("cut", "false", null); clipboard selected text; ie4.0
    Deleteappsdocument.exe ccommand ("delete", "false", null); Delete selected text; ie4.0
    Dirltr; none; the layout is left to right ?; Dirrtl; none is not supported. The layout is from right to left ?; Not Supported
    Editmode; none; set the editing mode ?; Not Supported
    Fontname;document.exe ccommand ("fontname", "false", sfontname); change the font of the selected area; ie4.0
    Fontsizeappsdocument.exe ccommand ("fontsize", "false", ssize | isize); changes the font size of the selected area; ie4.0
    Forecolorappsdocument.exe ccommand ("forecolor", "false", scolor); Set foreground color; ie4.0
    Formatblockappsdocument.exe ccommand ("formatblock", "false", stagname); set the label name of the current block; ie4.0
    <Input type = button value = cut onclickintodocument.exe ccommand ('cut ')>
    <Input type = button value = copy onclickdomaindocument.exe ccommand ('copy')>
    <Input type = button value = paste onclickappsdocument.exe ccommand ('paste ')>
    <Input type = button value = undo onclickintodocument.exe ccommand ('undo ')>
    <Input type = button value = redo onclick0000document.exe ccommand ('redo ') id = button2 name = button2>
    <Input type = button value = Delete onclickdomaindocument.exe ccommand ('delete')>
    <Input type = button value = onclickdomaindocument.exe ccommand ('bold ')>
    <Input type = button value = italic onclick0000document.exe ccommand ('italic ')>
    <Input type = button value = underline onclick0000document.exe ccommand ('underline')>
    <Input type = button value = stop onclickdomaindocument.exe ccommand ('stop')>
    <Input type = button value = save onclickdomaindocument.exe ccommand ('saveas')>
    <Input type = button value = Save As onclickdomaindocument.exe ccommand ('saveas', false, 'c: // test.htm')>
    <Input type = button value = font onclick0000document.exe ccommand ('fontname', false, FN)>
    <Input type = button value = font size onclick0000document.exe ccommand ('fontsize', false, FS)>
    <Input type = button value = Refresh onclickdomaindocument.exe ccommand ('refresh', false, 0)>
  5. Role of tbody tags in HTML 
    I saw the <tbody> label in some pages and thought it was a better standard <Table> label. It's wrong!
    Each table can have a header, a table tail, and one or more table bodies, which are represented by thead, tfoot, and tbody elements respectively.
    The tbody label can be used to control the download of table branches. When the table content is large, it is useful to add <tbody> and </tbody> at the branch download location (based on user psychology, for example:
    <Table>
    <Tbody>
    <Tr> <TD> table body 1 </TD> </tr>
    <Tr> <TD> table body 1 </TD> </tr>
    </Tbody>
    <Tbody>
    <Tr> <TD> table body 2 </TD> </tr>
    <Tr> <TD> table body 2 </TD> </tr>
    </Tbody>
    </Table>
  6. Remove table line data
    In the table, the field property cellpadding = "0" cellspacing = "0 ";
    Example:
    <Table Height = "18" cellpadding = "0" cellspacing = "0">
    <Tr Height = "18">
    <TD width = "18"> & nbsp; </TD>
    <TD> </TD>
    <TD> </TD>
    <TD> horror </TD>
    </Tr>
    </Table>
  7. Nowrap attribute of the TD element in HTML
    The nowrap attribute of the TD element in HTML indicates that text wrapping in cells is prohibited.
    Note that the behavior of the nowrap attribute in the TD element is related to the width attribute of the TD element. If the TD width is not set, the nowrap attribute takes effect. If the TD width is set, the nowrap attribute does not.

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.