2. Tech
  3. HTML tag

HTML tag

xiaoxiao2021-03-06  130

HTML tag

- - Description: Comment tag, content between "" will not be displayed in your browser. -------------------------------------------------- ------------------------------- - Description: Describe the HTML DTD of the file, for A brief description of the compatibility of the file. -------------------------------------------------- -------------------------------- - Description: Describe the start position or target of the hyperlink. The HERF = or Name = property must be defined. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Description A abbreviation word. This flag does not affect the display of text in the browser. Need to end the tag --------------------------------------------- ----------------------------------- - Description: Commonly used to describe addresses, signatures, and authors. Need to end the tag.

-------------------------------------------------- ------------------------------- - Description: Place the executable content in the page. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: The contour shape of the hyperlink hotspot is described in the client image mapping map. No end tags are required. -------------------------------------------------- -------------------------------- - Description: Display text in bold. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Describe the basic address of the document, the browser converts the relative address. You can only use it in the HEAD tag, no end tags are required. -------------------------------------------------- -------------------------------- - Description: Describe the basic font type to display the text of the default font. You can use it in the HEAD tag, no end tags are required.

-------------------------------------------------- -------------------------------- - Description: Add background music to the page. You can use it in the HEAD tag and the end tag can be used. -------------------------------------------------- -------------------------------- - Description: Displays text than the font smaller than the current font. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Refer to the content in other resources, may be indented, obliquely displayed, usually vacuum lines. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Describe the beginning and end of the document body. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Livelink tag.

-------------------------------------------------- -------------------------------- - Description: Set a button. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Add a title to Table. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: The contents are arranged in place. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Briefly describes a reference, the content is displayed. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Displays a piece of code with a equivalent font. Need to end the tag.

-------------------------------------------------- -------------------------------- - Description: Defines the properties of one column in Table. No end tags are required. -------------------------------------------------- -------------------------------- - Description: Used to define a group group in Table. No end tags are required. -------------------------------------------------- -------------------------------- : Note tag, not recommended. It is recommended to use the - Description: Explain a term in the list, right is displayed. End flag is optional. -------------------------------------------------- -------------------------------- - Description: Indicates that text has been removed from the document. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Define a term. Need to end the tag.

-------------------------------------------------- -------------------------------- - Description: Represents a range of short entries. The text after this is started with a LI, and each is no more than 20 characters. -------------------------------------------------- -------------------------------- - Description: In the document Describe the elements of different properties, such as chapter, paragraph, abstract, etc. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Represents a list. DT, DD is used to define entries within the list. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Define a term in the list and display it in the left column. End flag is optional. -------------------------------------------------- -------------------------------- - Description: The text used to emphasize, usually displayed in italics. Need to end the tag.

-------------------------------------------------- ------------------------------- - Description: Insert any type of document, but users must install applications that can interpret such documents on your computer. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Similar to DIV, it can be used to describe the relationship between a set of regions, nested. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Set font properties. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Describe a form containing the control. Need to end the tag.

-------------------------------------------------- -------------------------------- - Description: A separate framework is described in Frameset. -------------------------------------------------- -------------------------------- - Description: In Set the level, the number and size of the vertical direction frame in the mixed document, and use Frame to set the content and properties of each frame in the Frameset. Can be used nested. Need to end the tag. -------------------------------------------------- -------------------------------- - Description : The starting section of the document appears, indicating the topic of the document or presentation, contains disorderly information for the document. Base, Link, Mate, Title, BaseFont, BgSound elements can be used therein. Need to end the tag.

-------------------------------------------------- -------------------------------- - Description: From H1 to H6, six headings, black body display. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Show a horizontal line . No end tag. -------------------------------------------------- -------------------------------- - Description: HTML text start element, notice The browser This document is an HTML document. Need an endorsement. -------------------------------------------------- -------------------------------- - Description: Use the text with a bevel display. Need to end the tag.

-------------------------------------------------- ------------------------------- - Description: Embed a floating frame in the document. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Insert an image or a video in the document.

-------------------------------------------------- --------------------------------

-------------------------------------------------- ------------------------------- - Description: label. Not nested. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Determine the area collection of the Fieldset element definition . It is necessary to be the first element in the fieldset. -------------------------------------------------- -------------------------------- - Description: Represents an entry in the list, available DIR, MENU, DL, UL. End flag is optional. -------------------------------------------------- -------------------------------- - Description: The hyperlink is created between the current HTML document and other resources. Can only be used in HEAD. -------------------------------------------------- -------------------------------- - Description: Display text with equality font, not recommended. It is recommended to use the pre-elements.

-------------------------------------------------- -------------------------------- - Description: Specifies a collection of hotspot zones for the client image mapping. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Create a scroll text area. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Create a menu to define an entry within the menu. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: HTML document information is provided for your browser, search engine, or other programs. Must be used in HEAD. End flag is optional. -------------------------------------------------- -------------------------------- - Description: Do not change. End flag is optional. -------------------------------------------------- -------------------------------- - Description: Provided for a browser that does not support Frameset. Need to end the tag.

-------------------------------------------------- --------------------------------

-------------------------------------------------- -------------------------------- - Description: Set parameters to the object. Valid for Applet, Embed, Object. -------------------------------------------------- -------------------------------- - Description: Do not process HTML tags, equip wide font display. Not recommended. It is recommended to replace it with a PRE element. -------------------------------------------------- -------------------------------- - Description: Display text, reserve the spacing, and wraps with equality fonts. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Set the segment pitch (smaller) to the text. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: The text with the delete line is displayed. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Displays text with a smaller font. The default is equal to the wider font. Need to end the tag.

-------------------------------------------------- -------------------------------- - Description: The script code area that requires the script engine to interpret the execution. Need to end the tag. -------------------------------------------------- ------------------------------- - Description: Set a drop-down selection box to define the selection with an Option. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Displays text with a smaller font. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Define a range without affecting page structure and display . Need to end the tag. -------------------------------------------------- -------------------------------- - Description: The text with the delete line is displayed.

Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Hespel. Usually a black body. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Set the display style to the page. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Display text in the lower corner with a smaller font. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Display text in the lower corner with a smaller font. Need to end the tag.

-------------------------------------------------- -------------------------------- - Description: Define a table. Use TR, TD, THE element definition line, column, and unit, optional elements Caption, THEAD, TBODY, TFOOT, Colgroup, and COL can be used to organize the form and the column, column group properties. Need to end the tag.

-------------------------------------------------- ------------------------------- - Description: Define a table body. End flag is optional. -------------------------------------------------- -------------------------------- - Description: Define a cell of the table (arranged). Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Multi-line text input control. Need to end the tag.

-------------------------------------------------- -------------------------------- - Description: Define a one Table footage. End flag is optional. -------------------------------------------------- -------------------------------- - Description: Defines the title or a column in the table, the text black body display. End flag is optional. -------------------------------------------------- -------------------------------- - Description: Definition table Head head. End flag is optional. -------------------------------------------------- -------------------------------- - Description: Description document title . Need to end the tag.

-------------------------------------------------- -------------------------------- - Description: Define a line in the table. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Displays the text with a wider font. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Displays text with underscore. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: Define a list of collapted lists to define entries with Li. Need to end the tag. -------------------------------------------------- -------------------------------- - Description: An a variable will be described. Need to end the tag.

-------------------------------------------------- -------------------------------- - Description: Insert a softchain in the NOBR text. No end tags are required. -------------------------------------------------- -------------------------------- - Description: Not recommended, available for pre, SAMP instead. Need to end the tag. - Posted on 2002-01-24 14: 44: 17 - Top, let everyone see ~~~

-Xtree-Blueidea Web Team TEAM-MODERATOR OF DW forum-♀art in action bbs♂ CODENAME: BUBBLE TERRANFORMINGT Published on 2002-01-24 14: 48: 48-

-1, basic TAG element - file format (opening and end of HTML file) - Theme </ title> (must be placed in Wenyi section) - Wen Head section <head> </ Head> (description file, such as "Topic") - Incomen Section <Body> </ body> (content) -2, with structure-related elements - Title <h?> </ H?> ( Six types of: H1, H2, H3, H4, H5, H6) - Title Align <h? Align = left | center | Right> </ h?> - section <div> </ div> - section alignment <DIV Align = Left | Right | Center> </ div> - Short reference <q> and </ q> - is a file for some references, if the referenced part is not long. Then you can consider using this label, this tag is a new grammar of HTML3.0. - Citation Section - <block Quit> </ block QUOTE> (usually restriction) block QUOTE is a data used to reply to a reference to a certain person or a copy of a file. Typically quoted texts If you use <block Qote> to mark them. So large partial browsers will represent it in another way. This is just that the readers are referring to the part of the other people.</p> <p>- Emphasize <em> </ em> (usually displayed) - strongly emphasizing <strong> </ strong> (usually black body display) This specially strengthened character is Strong, which is like strengthening the tone. Usage. Most of the browsers use a crude black body to represent the words marked by <strong> and </ strong>. - Reference statement <Cite> </ Cite> (usually displayed) Use <Cite> and </ Cite> to tell others to mark it - program original code <code> </ code> If you write some computers if you write Things, then you can use the Code - this tab will mark some related words, and the way used is also in <code> and </ code> will be related to the related word mark. - Program Output Sample <Samp> </ Samp> does not repair in HTML if you want to print HTML - syntax. Then readers may need to use some special techniques to print these characters. And outside of these characters, readers can use Samp - this symbol tagged them. The characteristics of this label are marked texts will be represented by a fixed width. - Keyboard Enter <KBD> </ KBD> KBD This tag is usually used to tell the reader which word can be knocked, and these words marked into -kbd are usually represented in a fixed width. However, some browsers are only represented by a fixed width. - Program Variable <var> </ var> For some-Var tags to show it, this label means that variables that may easily change or word, and so on. You can use <var> and - <var> to tag them. This will remind the user that these variables may change. - Define <DFN> </ DFN> (Some browser no this feature) If the reader is in HTML - inside is some defined words. Then readers can consider using DFN a label. If the reader uses the Mosaic browser. Then the text marked by <DFN> and - </ DFN> will be represented by a slope. Other browsers are not necessarily. - Author's address <address> </ address> - Big word <BIG> </ BIG> - Little word <small> </ small> - language <lang> - in a file, if you use two or more languages, then You can use <lang> to marke it with </ LANG>. This is also a new grammar of HTML3.0. - Author (AU) - <au> and </ au> not to represent a general AU file, this tag is that if it is in the reader's article. If you mention some author, you can give the author to remember a tab. This is also a label designed for the author of the authml 3.0. - Individual - (Person) In a lot of index, the program sometimes presents some information pages to showcase these information pages. If there is a name mentioned by some individuals. Then you can use-Person> to remember these names. This syntax is also a newly added syntax in HTML 3.0. - Acronym) - Acronym - in English, some single words are combined by several single words. If the reader encounters this single word, the reader can consider using the <aconym> and - </ aconym> tag to give them specially hosted. Although this is a new syntax in HTML3.0. But for us to use Chinese, such a syntax is not too helpful.</p> <p>- Abbreviation is the same as Acronym, and there are also many narrots HTML 3.0 in English - especially for these abbreviations, this new label is called <abbrev> Of course, it also has an end symbol called < / Abbrev>. - Insert (INS) In the HTML file, if you insert a word in the original file, then the reader can consider using <INS> and - </ INS> to remember this word. This makes it easy to know that this document is not amended when the reader is in consultation. Of course, this grammar is also the newly added syntax in HTML 3.0 -. - Delete (DEL) This syntax is to tell the reader to delete some words, or some of the deleted part. This, the new label is also an 喔 in HTML3.0.</p> <p>-3, TAG element related to display mode - Bold <B> </ B> - Intragonal <i> </ i> - Painting Line <U> </ u> (Some browser no this function) - Delete line <Strike> </ strike> (Some browser no this feature) - Delete line <s> </ s> (Some browser no this feature) - Short Program <SUB> </ SUB> - Upperbound <SUP > </ Sup> - Tymatics <TT> </ TT> (the same font as the width of the blank franchise and other cultural elements) - Based on the predetermined format <pre> </ pre> - scheduled Width <pre width =?> <Pre> (in a block) - 对 <center> </ center> (text and graphic) - Flash <blink> </ blink> - Font size < FONT SIZE =?> </ Font> (from 1 to 7) - Change font size <font size = " | -?"> </ Font> - basic font size <basefont size =?> (Default is 3) - Font color <font color = "# $$$$$$"> </ font> - specified glyph <font face = "***> </ font> - multi-column <multicol cols =?> </ Multicol> - fields inland and edge interval <multicol gutter =?> </ Multicol> (default is 10 pixels) - field width <multicol width =?> </ Multicol> - Rebum <Spacer> - stay White-type <Spacer Type = Horizontal | Vertical | Block> - White size <spacer size =?> - Dosing white size <spcer width =? Height =?> -4, hypertext linkage and graphic elements - link designation URL <a href="url"> </a> - link to the anchor point <A href="url#**"> </A> (anchor point Another document) - <a href="#***"> </a> (anchor point in the same file) - link to the specified Frame <a href = "URL" Target = "*** | _blank | _SELF | _PARENT | _TOP> </a> - Set "Anchor" <a Name="**"> </a> - Positive Connected <a Rel="**"> </A> (Some browser no this feature) - reversely connected <a rev = " *** "> </A> (Some browser no this feature) - Display graphic <img src =" url "> - graphic location <img src =" URL "align = top | bottom | middle | left | right> - Graphic location <img src = "url" align =</p> <p>TEXTTOP | ABSMIDDLE | BASELIN | ABSBOTTOM> - Alternative Graphic text <img src = "URL" alt = "***"> (If the graph is not displayed) - can click on the graphic <img src = "URL" ISMAP > (Requires with .map files) - Client ends can click on the graphic <img src = "URL" USEMAP = "URL"> - Click the name <map name = "***"> </ map> - Specifies a pointless selection area <area shape = "Rect" Coords = "," HREF = "URL" | NOHREF> - graphic size <img src = "URL" width =? Height =?> (In pixel) ) Describe the width and height of the graphic display. - Side size <img src = "URL" Border =?> (In pixel) frame width outside the graphics. - Self-surrounding white <img src = "URL" HSPACE =? VSpace =?> (In pixel) - Vspace, HSPACE describes the vertical and horizontal intervals of graphics and text. - Low resolution graphics <img src = "URL" LOWSRC = "URL"> User terminal timing update <meta-http-equiv = "refresh" content = "?; url = url"> - PLUG-IN article <Embed SRC = "URL"> Add PLUG-IN objects) - Item size <Embed src = "URL" width =? Height =?> -5, divided paragraph TAG element - paragraph <p> </ p> (end tag </ p> typically can be omitted) - Specifies the text alignment <P aLIGN = LEFT | CENTER | RIGHT> </ P> - forced line break <BR> - Specifies the starting point of line breaks after <BR CLEAR=LEFT|RIGHT|ALL> - cross- Line <HR> - Horizontal Location <HR Align = Left | Right | Center> - Horizontal Thickness (Down) <HR Size =?> (In Pixel) - Horizontal Length (To Right) <HR Width =?> (In pixels) - Hero-line ratio width <hr width = "%"> (percentage of relative page width) - solid line <HR Noshade> (no concave convexes effect) - can not break <NOBR> < / NOBR> - Draby Walk <WBR> (depending on the needs, can be broken)</p> <p>-6, list element <list></p> <p>- Unordered <UL> <li> </ ul> - Simplex <UL Compact> <UL> - Header Symbol Type <UL Type = DISC | CIRCLE | Square> (for all listed items) - <li TYPE = DISC | CIRCLE | Square> (This item and its rear) - Ordinary listing <l> <li> </ ol> - Simple <OL Compact> </ OL> - Digital Style <OL Type = A | a | i | i | 1> (for all listed items) - <li type = a | a | i | i | 1> (this item and its rear) - Start number <OL start =?> ( For all listed items) - <li value =?> (This item and its rear) - Definition list enumeration <dl> <dt> <dd> <dl> = definition item, <dd> = Definition content) - Simpletened <DL Compact> </ dl> - menu list list <menu> <li> </ menu> (<li> Before putting each list) - Simple <Menu Compact> </ MENU > - Catalog Enumeration <DIR> <li> </ dir> (<li> Before you put it in each list) - Simpletened <Dir Compact> </ dir> -7, background with color tag elements</p> <p>- Background pattern <body background = "url"> - Background color <body bgcolor = "# $$$$$$"> 文字 color <body text = "# $$$$$"> - unconnected Color <body link = "# $$$$$$"> "Body VLINK =" # $$$$$ "> - Color of the Genon Node <Body Alink =" # $$$ $$$ "></p> <p>-8, special character replacement (under the following replacement markers need to be lowercase) - Special Character & # ?; (? Is ISO 8859-1) - <<>> - & - "" -registered tm? -Copyright? -Non-breaking space -9, mathematical equation <MATH> <math> - Example No. 1, - <Math> -H (s) = ∫ <sub> 0 </ sub> <sup> ∞ - </ sup> e <sup> st </ sup> h (t) DT - </ math> - Example 2, - <Math> -C <box> DV <sub> out </ sub> - <over> DT </ box> = I <sub> B </ sub> - & tanh; (<Box> κ (V <sub> in - </ sub> -v <sub> out </ sub>) <over> 2 </ box> - </ Math> cdvoutdt = IB & tanh; (VIN-VOUT) 2 - Example 3, - <Math> - (<Array Align = "C"> <item> - & ldet; <array align = "cc"> - <item > x <sub> 11 </ sub> - <item> x <sub> 12 </ sub> - <item> x <sub> 21 </ sub> - <item> x <sub> 22 </ sub> <array> <rd> & rdet; - <item> y <item> z - </ array>) </ math> - From these three examples: - We use & int to express "points symbol", <sub > Indicates the subscript, <sup> delay; - <box> to indicate the later items to be treated as a group; <over> Table Singage. <Array> to process the symbol of the matrix, <array -align = c In the list, left and right. The left and right items are indicated by <item> to add data. & Ldet represents the left side of the row, the & rdet table is listed on the right. - Posted on 2002-01-24 15: 05: 12-</p> <p>- (Enter Recycling) <br> - (Space Feature) - & (AND Symbol) & - <(left parentheses, less than) <-> (right parentheses, larger than number)> - ° (degrees) ° - (Interval) • - '' - "-" "-" "- ‰ ‰ - ← ← - ↑ ↑ - → → - -?? -√ √ -α α-∞ ∞-∠ ∠-∧ ∧-∨ ∨-∨ ∪ ∪ -? Ø-∫ ∫-∴ ∴-≈ ≈ - ¥ (RMB) ¥ - ≠ ≤ ≤ -≥ ≥ -⊕ ⊕-λ λ -μ μ - ν ν-ξ ξ -ν ν-ξ ξ -π π -σ σ - ¥ ¥ - ... ... -1 (one square symbol) ¹ -2 (square symbol) 2 -3 (cubic symbol) 3 - (superscript case ) N <sup> r </ sup> - (subscript situation) C <sub> i </ sub> - bold <B> Bold </ b> - Intragonal <i> Intragoner </ i> - Underline < u> Underline </ u> - ± (add-oriented symbol) ± - × (multiplication symbol) × - ÷ (division symbol) ÷ -? (Copyright) © -? (Registered Trademark) ® -? (Trademark Symbol )TM - (dash) - <script language = javascript src = "/ log / sitelog.asp"> </ script></p> <p><script language = javaScript src = "/ data / filecount.asp? id = 78> </ script></p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-127136.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>) </div><div></div></div></div><ul class="postlist list-unstyled"> </ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="127136" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved </div><div class="col text-right">Processed: <b>0.045</b>, SQL: <b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script> var debug = DEBUG = 0; var url_rewrite_on = 1; var url_path = './'; var forumarr = {"1":"Tech"}; var fid = 1; var uid = 0; var gid = 0; xn.options.water_image_url = 'view/img/water-small.png'; </script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script> var forum_url = 'list-1.html'; var safe_token = 'zfwuwLaaG3cJV2HsUiCTkmAwfGqoy8j3Oyj0vYDjE0UETyrrIzeN6jUsmOtbyZGvFt4E_2BiDftgzKVJJZM5yopw_3D_3D'; var body = $('body'); body.on('submit', '#form', function() { var jthis = $(this); var jsubmit = jthis.find('#submit'); jthis.reset(); jsubmit.button('loading'); var postdata = jthis.serializeObject(); $.xpost(jthis.attr('action'), postdata, function(code, message) { if(code == 0) { location.reload(); } else { $.alert(message); jsubmit.button('reset'); } }); return false; }); function resize_image() { var jmessagelist = $('div.message'); var first_width = jmessagelist.width(); jmessagelist.each(function() { var jdiv = $(this); var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width(); var jmessage_width = Math.min(jdiv.width(), maxwidth); jdiv.find('img, embed, iframe, video').each(function() { var jimg = $(this); var img_width = this.org_width; var img_height = this.org_height; if(!img_width) { var img_width = jimg.attr('width'); var img_height = jimg.attr('height'); this.org_width = img_width; this.org_height = img_height; } if(img_width > jmessage_width) { if(this.tagName == 'IMG') { jimg.width(jmessage_width); jimg.css('height', 'auto'); jimg.css('cursor', 'pointer'); jimg.on('click', function() { }); } else { jimg.width(jmessage_width); var height = (img_height / img_width) * jimg.width(); jimg.height(height); } } }); }); } function resize_table() { $('div.message').each(function() { var jdiv = $(this); jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>'); }); } $(function() { resize_image(); resize_table(); $(window).on('resize', resize_image); }); var jmessage = $('#message'); jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); }); jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); }); $('#nav li[data-active="fid-1"]').addClass('active'); </script>