{"id":645,"date":"2016-05-06T00:00:00","date_gmt":"2014-08-12T11:24:14","guid":{"rendered":"https:\/\/demo.tagdiv.com\/newsmag\/?page_id=645"},"modified":"2014-11-14T14:22:53","modified_gmt":"2014-11-14T14:22:53","slug":"typology-and-html-elements","status":"publish","type":"page","link":"https:\/\/demo.tagdiv.com\/newsmag\/typology-and-html-elements\/","title":{"rendered":"Typology and HTML elements"},"content":{"rendered":"<div id=\"tdi_1\" class=\"tdc-row\"><div class=\"vc_row vc_custom_1415974970680 tdi_2 td-ss-row wpb_row td-pb-row\" >\n<style scoped>\n\n\/* tdc_composer_block - inline css att *\/\n.vc_custom_1415974970680{border-top-width: 1px !important;}\n\/* custom css *\/\n.tdi_2,\r\n                .tdi_2 .tdc-columns{\r\n                    min-height: 0;\r\n                }\n<\/style><div class=\"vc_column tdi_4  wpb_column vc_column_container tdc-column td-pb-span8\">\n<style scoped>\n\n\/* custom css *\/\n.tdi_4{\r\n                    vertical-align: baseline;\r\n                }\n<\/style><div class=\"wpb_wrapper\" ><div class=\"wpb_wrapper wpb_text_column td_block_wrap td_block_wrap vc_column_text tdi_5  tagdiv-type td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_5\" ><div class=\"td-block-title-wrap\"><\/div><div class=\"td-fix-index\"><p>This is a <strong>bold<\/strong> text. If you want to <em>emphasis something<\/em> put<code>&lt;em&gt;<\/code>or use <abbr title=\"HyperText Markup Language\">html<\/abbr> posuere cubilia Curae; Etiam eleifend nisi at dui aliquam sed sagittis massa imperdiet read more<\/p>\n<h1>This is heading 1<\/h1>\n<h2>This is heading 2<\/h2>\n<h3>This is heading 3<\/h3>\n<h4>This is heading 4<\/h4>\n<h5>This is heading 5<\/h5>\n<h6>This is heading 6<\/h6>\n<h3>HTML Element Tag Tests<\/h3>\n<p>Here is the address for Automattic, using the <code>&lt;address&gt;<\/code> tag:<\/p>\n<address>355 1st Street Suite 202<br \/>\nSan Francisco, CA 94105<br \/>\nUnited States<\/address>\n<p>This is an example of <a href=\"http:\/\/example.com\">an <code>&lt;anchor&gt;<\/code><\/a> (otherwise known as a link). This <abbr title=\"abbreviation\">abbr.<\/abbr> is an example of an &lt;abbr&gt; tag in the middle of a sentence. Here is a <acronym title=\"three-letter acronym\">TLA<\/acronym> showing off the <code>&lt;acronym&gt;<\/code> tag. What, you want to see <big>some over-sized text<\/big> using the <code>&lt;big&gt;<\/code> tag? Can you <cite>cite a reference<\/cite> for that, using the <code>&lt;cite&gt;<\/code> tag? Have you noticed that all of the tag names are displayed <code>in code-form<\/code>, using the <code>&lt;code&gt;<\/code> tag? Similarly, I could <kbd>emulate keyboard text<\/kbd>, using the <code>&lt;kbd&gt;<\/code> text tag, or <tt>emulate teletype text<\/tt> using the <code>&lt;tt&gt;<\/code> tag.<\/p>\n<blockquote><p><strong>Note:<\/strong> dui dolor, venenatis vitae hendrerit eu, tincidunt vel nisi. Vestibulum quis lorem sem, sed consectetur metus. <small>Someone famous in Body of work<\/small><\/p><\/blockquote>\n<p>Oh no! I wrote something incorrectly. <del>I\u2019d better delete it<\/del>, using the <code>&lt;del&gt;<\/code> tag. I could alternately strike something out using the <code>&lt;strike&gt;<\/code> tag, or strike something out using the <code>&lt;s&gt;<\/code> tag. <em>So many choices<\/em>, which I emphasize using the <code>&lt;em&gt;<\/code> tag. Just to clarify, <ins>this is some inserted text<\/ins>, that I\u2019ll highlight using the <code>&lt;ins&gt;<\/code> tag.<\/p>\n<p>Need to display completely unformatted text, such as a large block of code? Use the <code>&lt;pre&gt;<\/code> tag, which lets you display:<\/p>\n<pre>#container {\r\n\tfloat: left;\r\n\tmargin: 0 -240px 0 0;\r\n\twidth: 100%;\r\n}<\/pre>\n<p>Want to quote the WordPress tagline <q>Code is Poetry<\/q>? Use the <code>&lt;q&gt;<\/code> tag to add quotes around it. <strong>This is strong text<\/strong> (otherwise known as bold), using the <code>&lt;strong&gt;<\/code> tag.<\/p>\n<p>Need to write H<sub>2<\/sub>O or E = MC<sup>2<\/sup>? You may find great use for <sub>subscripting<\/sub> text using the <code>&lt;sub&gt;<\/code> tag, or for <sup>superscripting<\/sup> text using the <code>&lt;sup&gt;<\/code> tag. Need to call out a <var>variable<\/var>? Use the <code>&lt;var&gt;<\/code> tag.<\/p>\n<\/div><\/div><\/div><\/div><div class=\"vc_column tdi_7  wpb_column vc_column_container tdc-column td-pb-span4\">\n<style scoped>\n\n\/* custom css *\/\n.tdi_7{\r\n                    vertical-align: baseline;\r\n                }\n<\/style><div class=\"wpb_wrapper\" ><div class=\"wpb_wrapper td_block_wrap vc_widget_sidebar tdi_9 \" ><div class=\"td_block_wrap td_block_social_counter td_block_widget tdi_10 td_block_template_1\"><div class=\"td-block-title-wrap\"><h4 class=\"block-title\"><span class=\"td-pulldown-size\">STAY CONNECTED<\/span><\/h4><\/div><div class=\"td-social-list\"><div class=\"td_social_type td-pb-margin-side td_social_facebook\"><div class=\"td-social-box\"><div class=\"td-sp td-sp-facebook\"><\/div><span class=\"td_social_info td_social_info_counter\">0<\/span><span class=\"td_social_info td_social_info_name\">Fans<\/span><span class=\"td_social_button\"><a href=\"https:\/\/www.facebook.com\/tagdiv\"  target=\"_blank\" >Like<\/a><\/span><\/div><\/div><div class=\"td_social_type td-pb-margin-side td_social_twitter\"><div class=\"td-social-box\"><div class=\"td-sp td-sp-twitter\"><\/div><span class=\"td_social_info td_social_info_counter\">3,912<\/span><span class=\"td_social_info td_social_info_name\">Followers<\/span><span class=\"td_social_button\"><a href=\"https:\/\/twitter.com\/tagDivOfficial\"  target=\"_blank\" >Follow<\/a><\/span><\/div><\/div><div class=\"td_social_type td-pb-margin-side td_social_youtube\"><div class=\"td-social-box\"><div class=\"td-sp td-sp-youtube\"><\/div><span class=\"td_social_info td_social_info_counter\">22,900<\/span><span class=\"td_social_info td_social_info_name\">Subscribers<\/span><span class=\"td_social_button\"><a href=\"https:\/\/www.youtube.com\/tagdiv\"  target=\"_blank\" >Subscribe<\/a><\/span><\/div><\/div><\/div><\/div> <!-- .\/block --><div class=\"td-a-rec td-a-rec-id-sidebar  tdi_11 td_block_template_1\"><div class=\"td-visible-desktop\">\r\n   <a href=\"https:\/\/themeforest.net\/item\/newsmag-news-magazine-newspaper\/9512331\" target=\"_blank\">\r\n        <img class=\"td-retina\" style=\"width: 300px;\" src=\"https:\/\/demo.tagdiv.com\/newsmag\/wp-content\/uploads\/2014\/08\/rec300.png\" alt=\"\" height=\"300\" width=\"250\">\r\n    <\/a>\r\n<\/div>\r\n<div class=\"td-visible-tablet-portrait\">\r\n    <a href=\"https:\/\/themeforest.net\/item\/newsmag-news-magazine-newspaper\/9512331\" target=\"_blank\">\r\n        <img class=\"td-retina\" style=\"width: 200px;\" src=\"https:\/\/demo.tagdiv.com\/newsmag\/wp-content\/uploads\/2014\/08\/rec200.png\" alt=\"\" height=\"200\" width=\"200\">\r\n    <\/a>\r\n<\/div>\r\n<div class=\"td-visible-phone\">\r\n    <a href=\"https:\/\/themeforest.net\/item\/newsmag-news-magazine-newspaper\/9512331\" target=\"_blank\">\r\n        <img class=\"td-retina\" style=\"width: 300px;\" src=\"https:\/\/demo.tagdiv.com\/newsmag\/wp-content\/uploads\/2014\/08\/rec300.png\" alt=\"\" height=\"300\" width=\"250\">\r\n    <\/a>\r\n<\/div><\/div><div class=\"td_block_wrap td_block_9 td_block_widget tdi_12 td_with_ajax_pagination td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_12\" >\n<style>\n.tdi_12 .td_module_wrap:hover .entry-title a,\r\n            .tdi_12 .td-load-more-wrap a:hover,\r\n        \t.tdi_12 .td_quote_on_blocks,\r\n        \t.tdi_12 .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover,\r\n        \t.tdi_12 .td-wrapper-pulldown-filter a.td-pulldown-filter-link:hover,\r\n        \t.tdi_12 .td-instagram-user a {\r\n                color: #f24b4b;\r\n            }\r\n\r\n            .tdi_12 .td-next-prev-wrap a:hover i {\r\n                background-color: #f24b4b;\r\n                border-color: #f24b4b;\r\n            }\r\n\r\n            .tdi_12 .td_module_wrap .td-post-category:hover,\r\n\t\t\t.tdi_12 .td-trending-now-title,\r\n            .tdi_12 .block-title span,\r\n            .tdi_12 .td-weather-information:before,\r\n            .tdi_12 .td-weather-week:before,\r\n            .tdi_12 .td-exchange-header:before,\r\n            .tdi_12 .block-title a {\r\n                background-color: #f24b4b;\r\n            }\n<\/style><script>var block_tdi_12 = new tdBlock();\nblock_tdi_12.id = \"tdi_12\";\nblock_tdi_12.atts = '{\"category_id\":\"2\",\"category_ids\":\"\",\"tag_slug\":\"\",\"autors_id\":\"\",\"sort\":\"\",\"installed_post_types\":\"\",\"limit\":\"4\",\"offset\":\"\",\"custom_title\":\"EDITOR PICKS\",\"custom_url\":\"\",\"header_text_color\":\"#\",\"header_color\":\"#f24b4b\",\"border_top\":\"\",\"color_preset\":\"\",\"td_ajax_filter_type\":\"td_category_ids_filter\",\"td_ajax_filter_ids\":\"15,16,17,18\",\"td_filter_default_txt\":\"All\",\"ajax_pagination\":\"next_prev\",\"td_ajax_preloading\":\"\",\"ajax_pagination_infinite_stop\":\"\",\"class\":\"td_block_widget tdi_12\",\"block_type\":\"td_block_9\",\"separator\":\"\",\"title_tag\":\"\",\"block_template_id\":\"\",\"m8_tl\":\"\",\"m8_title_tag\":\"\",\"post_ids\":\"\",\"open_in_new_window\":\"\",\"show_modified_date\":\"\",\"video_popup\":\"\",\"video_rec\":\"\",\"video_rec_title\":\"\",\"show_vid_t\":\"block\",\"el_class\":\"\",\"f_header_font_header\":\"\",\"f_header_font_title\":\"Block header\",\"f_header_font_settings\":\"\",\"f_header_font_family\":\"\",\"f_header_font_size\":\"\",\"f_header_font_line_height\":\"\",\"f_header_font_style\":\"\",\"f_header_font_weight\":\"\",\"f_header_font_transform\":\"\",\"f_header_font_spacing\":\"\",\"f_header_\":\"\",\"f_ajax_font_title\":\"Ajax categories\",\"f_ajax_font_settings\":\"\",\"f_ajax_font_family\":\"\",\"f_ajax_font_size\":\"\",\"f_ajax_font_line_height\":\"\",\"f_ajax_font_style\":\"\",\"f_ajax_font_weight\":\"\",\"f_ajax_font_transform\":\"\",\"f_ajax_font_spacing\":\"\",\"f_ajax_\":\"\",\"f_more_font_title\":\"Load more button\",\"f_more_font_settings\":\"\",\"f_more_font_family\":\"\",\"f_more_font_size\":\"\",\"f_more_font_line_height\":\"\",\"f_more_font_style\":\"\",\"f_more_font_weight\":\"\",\"f_more_font_transform\":\"\",\"f_more_font_spacing\":\"\",\"f_more_\":\"\",\"m8f_title_font_header\":\"\",\"m8f_title_font_title\":\"Article title\",\"m8f_title_font_settings\":\"\",\"m8f_title_font_family\":\"\",\"m8f_title_font_size\":\"\",\"m8f_title_font_line_height\":\"\",\"m8f_title_font_style\":\"\",\"m8f_title_font_weight\":\"\",\"m8f_title_font_transform\":\"\",\"m8f_title_font_spacing\":\"\",\"m8f_title_\":\"\",\"m8f_cat_font_title\":\"Article category tag\",\"m8f_cat_font_settings\":\"\",\"m8f_cat_font_family\":\"\",\"m8f_cat_font_size\":\"\",\"m8f_cat_font_line_height\":\"\",\"m8f_cat_font_style\":\"\",\"m8f_cat_font_weight\":\"\",\"m8f_cat_font_transform\":\"\",\"m8f_cat_font_spacing\":\"\",\"m8f_cat_\":\"\",\"m8f_meta_font_title\":\"Article meta info\",\"m8f_meta_font_settings\":\"\",\"m8f_meta_font_family\":\"\",\"m8f_meta_font_size\":\"\",\"m8f_meta_font_line_height\":\"\",\"m8f_meta_font_style\":\"\",\"m8f_meta_font_weight\":\"\",\"m8f_meta_font_transform\":\"\",\"m8f_meta_font_spacing\":\"\",\"m8f_meta_\":\"\",\"css\":\"\",\"tdc_css\":\"\",\"td_column_number\":1,\"ajax_pagination_next_prev_swipe\":\"\",\"tdc_css_class\":\"tdi_12\",\"tdc_css_class_style\":\"tdi_12_rand_style\"}';\nblock_tdi_12.td_column_number = \"1\";\nblock_tdi_12.block_type = \"td_block_9\";\nblock_tdi_12.post_count = \"4\";\nblock_tdi_12.found_posts = \"7\";\nblock_tdi_12.header_color = \"#f24b4b\";\nblock_tdi_12.ajax_pagination_infinite_stop = \"\";\nblock_tdi_12.max_num_pages = \"2\";\ntdBlocksArray.push(block_tdi_12);\n<\/script><h4 class=\"block-title\"><span class=\"td-pulldown-size\">EDITOR PICKS<\/span><\/h4><div class=\"td-wrapper-pulldown-filter\"><div class=\"td-pulldown-filter-display-option\"><div id=\"td-pulldown-tdi_12-val\"><span>All <\/span><i class=\"td-icon-menu-down\"><\/i><\/div><ul class=\"td-pulldown-filter-list\"><li class=\"td-pulldown-filter-item\"><a class=\"td-pulldown-filter-link\" id=\"tdi_13\" data-td_filter_value=\"\" data-td_block_id=\"tdi_12\" href=\"#\">All<\/a><\/li><li class=\"td-pulldown-filter-item\"><a class=\"td-pulldown-filter-link\" id=\"tdi_14\" data-td_filter_value=\"15\" data-td_block_id=\"tdi_12\" href=\"#\">Fashion week<\/a><\/li><li class=\"td-pulldown-filter-item\"><a class=\"td-pulldown-filter-link\" id=\"tdi_15\" data-td_filter_value=\"16\" data-td_block_id=\"tdi_12\" href=\"#\">Cosmopolitan<\/a><\/li><li class=\"td-pulldown-filter-item\"><a class=\"td-pulldown-filter-link\" id=\"tdi_16\" data-td_filter_value=\"17\" data-td_block_id=\"tdi_12\" href=\"#\">Chicago show<\/a><\/li><li class=\"td-pulldown-filter-item\"><a class=\"td-pulldown-filter-link\" id=\"tdi_17\" data-td_filter_value=\"18\" data-td_block_id=\"tdi_12\" href=\"#\">New York 2014<\/a><\/li><\/ul><\/div><\/div><div id=tdi_12 class=\"td_block_inner\">\n\n\t<div class=\"td-block-span12\">\n\r\n        <div class=\"td_module_8 td_module_wrap td-cpt-post\">\r\n\r\n            <div class=\"item-details\">\r\n\r\n                <h3 class=\"entry-title td-module-title\"><a href=\"https:\/\/demo.tagdiv.com\/newsmag\/discover-the-10-best-hairstyles-according-to-your-face-shape\/\"  rel=\"bookmark\" title=\"Discover the 10 Best Hairstyles According to Your Face Shape\">Discover the 10 Best Hairstyles According to Your Face Shape<\/a><\/h3>                <div class=\"meta-info\">\r\n                                                            <span class=\"td-post-author-name\"><a href=\"https:\/\/demo.tagdiv.com\/newsmag\/author\/marius\/\">Matt Cloey<\/a> <span>-<\/span> <\/span>                    <span class=\"td-post-date\"><time class=\"entry-date updated td-module-date\" datetime=\"2016-05-20T00:00:00+00:00\" >May 20, 2016<\/time><\/span>                                    <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        \n\t<\/div> <!-- .\/td-block-span12 -->\n\n\t<div class=\"td-block-span12\">\n\r\n        <div class=\"td_module_8 td_module_wrap td-cpt-post\">\r\n\r\n            <div class=\"item-details\">\r\n\r\n                <h3 class=\"entry-title td-module-title\"><a href=\"https:\/\/demo.tagdiv.com\/newsmag\/wonderful-outdoors-experience-eagle-spotting-in-alaska\/\"  rel=\"bookmark\" title=\"Wonderful Outdoors Experience: Eagle Spotting in Alaska\">Wonderful Outdoors Experience: Eagle Spotting in Alaska<\/a><\/h3>                <div class=\"meta-info\">\r\n                                                            <span class=\"td-post-author-name\"><a href=\"https:\/\/demo.tagdiv.com\/newsmag\/author\/marius\/\">Matt Cloey<\/a> <span>-<\/span> <\/span>                    <span class=\"td-post-date\"><time class=\"entry-date updated td-module-date\" datetime=\"2016-05-19T00:00:00+00:00\" >May 19, 2016<\/time><\/span>                                    <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        \n\t<\/div> <!-- .\/td-block-span12 -->\n\n\t<div class=\"td-block-span12\">\n\r\n        <div class=\"td_module_8 td_module_wrap td-cpt-post\">\r\n\r\n            <div class=\"item-details\">\r\n\r\n                <h3 class=\"entry-title td-module-title\"><a href=\"https:\/\/demo.tagdiv.com\/newsmag\/improve-your-health-with-30-minutes-every-day-jogging\/\"  rel=\"bookmark\" title=\"Improve your Health by Travelling to these Remote Locations\">Improve your Health by Travelling to these Remote Locations<\/a><\/h3>                <div class=\"meta-info\">\r\n                                                            <span class=\"td-post-author-name\"><a href=\"https:\/\/demo.tagdiv.com\/newsmag\/author\/marius\/\">Matt Cloey<\/a> <span>-<\/span> <\/span>                    <span class=\"td-post-date\"><time class=\"entry-date updated td-module-date\" datetime=\"2016-05-18T00:00:00+00:00\" >May 18, 2016<\/time><\/span>                                    <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        \n\t<\/div> <!-- .\/td-block-span12 -->\n\n\t<div class=\"td-block-span12\">\n\r\n        <div class=\"td_module_8 td_module_wrap td-cpt-post\">\r\n\r\n            <div class=\"item-details\">\r\n\r\n                <h3 class=\"entry-title td-module-title\"><a href=\"https:\/\/demo.tagdiv.com\/newsmag\/kevin-smith-strips-with-love-for-newsmag-wordpress-theme\/\"  rel=\"bookmark\" title=\"Kevin Smith Shows his Love for Natural Inspired Outfits\">Kevin Smith Shows his Love for Natural Inspired Outfits<\/a><\/h3>                <div class=\"meta-info\">\r\n                                                            <span class=\"td-post-author-name\"><a href=\"https:\/\/demo.tagdiv.com\/newsmag\/author\/marius\/\">Matt Cloey<\/a> <span>-<\/span> <\/span>                    <span class=\"td-post-date\"><time class=\"entry-date updated td-module-date\" datetime=\"2016-05-17T00:00:00+00:00\" >May 17, 2016<\/time><\/span>                                    <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        \n\t<\/div> <!-- .\/td-block-span12 --><\/div><div class=\"td-next-prev-wrap\"><a href=\"#\" class=\"td-ajax-prev-page ajax-page-disabled\" aria-label=\"prev-page\" id=\"prev-page-tdi_12\" data-td_block_id=\"tdi_12\"><i class=\"td-next-prev-icon td-icon-font td-icon-menu-left\"><\/i><\/a><a href=\"#\"  class=\"td-ajax-next-page\" aria-label=\"next-page\" id=\"next-page-tdi_12\" data-td_block_id=\"tdi_12\"><i class=\"td-next-prev-icon td-icon-font td-icon-menu-right\"><\/i><\/a><\/div><\/div> <!-- .\/block --><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"page-pagebuilder-title.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"_links":{"self":[{"href":"https:\/\/demo.tagdiv.com\/newsmag\/wp-json\/wp\/v2\/pages\/645"}],"collection":[{"href":"https:\/\/demo.tagdiv.com\/newsmag\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.tagdiv.com\/newsmag\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.tagdiv.com\/newsmag\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.tagdiv.com\/newsmag\/wp-json\/wp\/v2\/comments?post=645"}],"version-history":[{"count":4,"href":"https:\/\/demo.tagdiv.com\/newsmag\/wp-json\/wp\/v2\/pages\/645\/revisions"}],"predecessor-version":[{"id":1641,"href":"https:\/\/demo.tagdiv.com\/newsmag\/wp-json\/wp\/v2\/pages\/645\/revisions\/1641"}],"wp:attachment":[{"href":"https:\/\/demo.tagdiv.com\/newsmag\/wp-json\/wp\/v2\/media?parent=645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}