Month: February 2023

Онлайн HTML урок для журналистов

  By
  1. HTML (HyperText Markup Language) – это язык разметки, который используется для создания веб-страниц.
  2. HTML-код состоит из тегов и текста, которые определяют, как будет выглядеть веб-страница.
  3. Каждый HTML-тег начинается с символа “<” и заканчивается символом “>”. Например, тег заголовка первого уровня выглядит как <h1>, а его закрывающий тег – как </h1>.
  4. HTML-документ начинается с тега <html> и заканчивается тегом </html>. Все остальные теги располагаются между этими тегами.
  5. Основными тегами, которые используются для структурирования содержимого веб-страницы, являются <head>, <body>, <header>, <nav>, <main>, <footer> и <section>.
  6. Тег <head> содержит информацию о веб-странице, такую как заголовок страницы, метаданные и ссылки на внешние файлы стилей.
  7. Тег <body> содержит основное содержимое веб-страницы, такое как текст, изображения, таблицы и т.д.
  8. Тег <header> содержит заголовок страницы или логотип сайта.
  9. Тег <nav> используется для создания навигационного меню на сайте.
  10. Тег <main> содержит основное содержимое страницы, например, статьи, новости и т.д.
  11. Тег <footer> содержит информацию об авторстве, правах на содержимое и другую информацию.
  12. Тег <section> используется для группировки смежных элементов веб-страницы.
  13. Тег <div> используется для создания блоков веб-страницы.
  14. Для создания ссылок используется тег <a>, который имеет атрибут href для указания URL-адреса ссылки.
  15. Для вставки изображений используется тег <img>, который имеет атрибуты src для указания URL-адреса изображения и alt для указания альтернативного текста для случая, если изображение не может быть загружено.
“Что означает аббревиатура HTML?”, “answers” => array( “a” => “Hyper Text Markup Language”, “b” => “Hyperlinks and Text Markup Language”, “c” => “Home Tool Markup Language” ), “correctAnswer” => “a” ), array( “question” => “Какой тег используется для создания заголовка страницы?”, “answers” => array( “a” => ““, “b” => ““, “c” => “<h1>” ), “correctAnswer” => “b” ), array( “question” => “Какой тег используется для создания ссылки?”, “answers” => array( “a” => “<a>“, “b” => “<link>“, “c” => “<href>” ), “correctAnswer” => “a” ) ); shuffle($questions); if ($_SERVER[‘REQUEST_METHOD’] == ‘POST’) { $numCorrect = 0; foreach ($questions as $question) { if ($_POST[$question[“questionNumber”]] == $question[“correctAnswer”]) { $numCorrect++; } } echo “<h2>Вы ответили правильно на ” . $numCorrect . ” из ” . count($questions) . ” вопросов.</h2>“; } else { echo “<form method='post'>“; foreach ($questions as $i => $question) { echo “<h3>” . $question[“question”] . “</h3>“; foreach ($question[“answers”] as $answer) { echo “<label><input type='radio' name='" . $question["questionNumber"] . "' value='" . $answer[0] . "'>” . $answer[1] . “</label><br/>“; } echo “<br/>“; echo “<input type='hidden' name='" . $question["questionNumber"] . "'>“; } echo “<input type='submit' value='Ответить'>“; echo “</form>“; } ?> </div><!-- .entry-content --> <footer class="entry-meta"> </footer><!-- #entry-meta --> </article><!-- #post-26063 --> </div> <!--content-masonry--> <div class='pagination_container'><nav class='pagination'><a href='https://tv503.com/2023/02/'>«</a><a href='https://tv503.com/2023/02/page/51/'>‹</a><a href='https://tv503.com/2023/02/page/50/' class='inactive' >50</a><a href='https://tv503.com/2023/02/page/51/' class='inactive' >51</a><span class='current'>52</span></nav></div> </div><!-- #content --> <div id="secondary" class="widget-area sidey" role="complementary"> <ul class="xoxo"> <li id="search-2" class="widget-container widget_search"> <form role="search" method="get" class="searchform" action="https://tv503.com/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="s" placeholder="SEARCH" value="" name="s" /> </label> <button type="submit" class="searchsubmit"><span class="screen-reader-text">Search</span></button> </form> </li> <li id="recent-posts-4" class="widget-container widget_recent_entries"> <h3 class="widget-title">Новости</h3> <ul> <li> <a href="https://tv503.com/%d0%b1%d0%be%d1%80%d1%86%d1%8b-%d1%81-%d1%80%d0%b0%d1%81%d0%b8%d0%b7%d0%bc%d0%be%d0%bc-%d1%82%d0%b0%d0%b9%d0%bd%d0%be-%d0%bf%d0%bb%d0%b0%d1%82%d0%b8%d0%bb%d0%b8-%d0%ba%d1%83-%d0%ba%d0%bb%d1%83%d0%ba/">Борцы с расизмом тайно платили Ку-клукс-клану за горящие кресты</a> </li> <li> <a href="https://tv503.com/%d0%b3%d0%be%d1%81%d1%81%d0%b5%d0%ba%d1%80%d0%b5%d1%82%d0%b0%d1%80%d1%8c-%d1%81%d1%88%d0%b0-%d0%bc%d0%b0%d1%80%d0%ba%d0%be-%d1%80%d1%83%d0%b1%d0%b8%d0%be-%d1%80%d0%b0%d0%b4%d0%b8%d0%ba%d0%b0%d0%bb/">Госсекретарь США Марко Рубио: Радикальный ислам представляет угрозу для всего мира</a> </li> <li> <a href="https://tv503.com/%d0%b2%d1%81%d1%82%d1%80%d0%b5%d1%87%d0%b0-%d1%81-%d0%bb%d1%83%d1%87%d1%88%d0%b8%d0%bc%d0%b8-%d0%b4%d1%80%d1%83%d0%b7%d1%8c%d1%8f%d0%bc%d0%b8-%f0%9f%a6%85-%d0%b3%d0%b0%d1%80%d0%b8-%d1%8e%d1%80%d0%b8/">Встреча с лучшими друзьями 🦅 Гари Юрий Табах</a> </li> <li> <a href="https://tv503.com/%d1%81%d0%b2%d1%8f%d0%b7%d1%8c-%d0%b2%d1%8b%d0%b1%d0%be%d1%80%d0%be%d0%b2-%d0%b2-%d0%b8%d0%b7%d1%80%d0%b0%d0%b8%d0%bb%d0%b5-%d1%81-%d0%bf%d0%b5%d1%80%d0%b5%d0%b3%d0%be%d0%b2%d0%be%d1%80%d0%b0%d0%bc/">Связь выборов в Израиле с переговорами по Ирану</a> </li> <li> <a href="https://tv503.com/%d1%81%d0%bf%d0%b0%d1%81%d0%b8%d0%b1%d0%be-%d0%bc%d1%8b-%d0%bd%d0%b5-%d0%b1%d0%b5%d1%80%d0%b5%d0%bc%d0%b5%d0%bd%d0%bd%d1%8b-%d1%82%d1%80%d0%b0%d0%bc%d0%bf-%d1%81%d0%be%d0%b3%d0%bb%d0%b0/">«Спасибо! Мы не беременны!» Трамп, Соглашения Авраама, Иран | Новости 7-40, 5.6.2026 🦅 Гари Табах</a> </li> </ul> </li><li id="block-3" class="widget-container widget_block widget_calendar"><div class="wp-block-calendar"><table id="wp-calendar" class="wp-calendar-table"> <caption>February 2023</caption> <thead> <tr> <th scope="col" aria-label="Monday">M</th> <th scope="col" aria-label="Tuesday">T</th> <th scope="col" aria-label="Wednesday">W</th> <th scope="col" aria-label="Thursday">T</th> <th scope="col" aria-label="Friday">F</th> <th scope="col" aria-label="Saturday">S</th> <th scope="col" aria-label="Sunday">S</th> </tr> </thead> <tbody> <tr> <td colspan="2" class="pad"> </td><td><a href="https://tv503.com/2023/02/01/" aria-label="Posts published on February 1, 2023">1</a></td><td><a href="https://tv503.com/2023/02/02/" aria-label="Posts published on February 2, 2023">2</a></td><td><a href="https://tv503.com/2023/02/03/" aria-label="Posts published on February 3, 2023">3</a></td><td><a href="https://tv503.com/2023/02/04/" aria-label="Posts published on February 4, 2023">4</a></td><td><a href="https://tv503.com/2023/02/05/" aria-label="Posts published on February 5, 2023">5</a></td> </tr> <tr> <td><a href="https://tv503.com/2023/02/06/" aria-label="Posts published on February 6, 2023">6</a></td><td><a href="https://tv503.com/2023/02/07/" aria-label="Posts published on February 7, 2023">7</a></td><td><a href="https://tv503.com/2023/02/08/" aria-label="Posts published on February 8, 2023">8</a></td><td>9</td><td><a href="https://tv503.com/2023/02/10/" aria-label="Posts published on February 10, 2023">10</a></td><td>11</td><td>12</td> </tr> <tr> <td><a href="https://tv503.com/2023/02/13/" aria-label="Posts published on February 13, 2023">13</a></td><td><a href="https://tv503.com/2023/02/14/" aria-label="Posts published on February 14, 2023">14</a></td><td><a href="https://tv503.com/2023/02/15/" aria-label="Posts published on February 15, 2023">15</a></td><td><a href="https://tv503.com/2023/02/16/" aria-label="Posts published on February 16, 2023">16</a></td><td>17</td><td>18</td><td><a href="https://tv503.com/2023/02/19/" aria-label="Posts published on February 19, 2023">19</a></td> </tr> <tr> <td><a href="https://tv503.com/2023/02/20/" aria-label="Posts published on February 20, 2023">20</a></td><td><a href="https://tv503.com/2023/02/21/" aria-label="Posts published on February 21, 2023">21</a></td><td><a href="https://tv503.com/2023/02/22/" aria-label="Posts published on February 22, 2023">22</a></td><td><a href="https://tv503.com/2023/02/23/" aria-label="Posts published on February 23, 2023">23</a></td><td>24</td><td><a href="https://tv503.com/2023/02/25/" aria-label="Posts published on February 25, 2023">25</a></td><td>26</td> </tr> <tr> <td><a href="https://tv503.com/2023/02/27/" aria-label="Posts published on February 27, 2023">27</a></td><td><a href="https://tv503.com/2023/02/28/" aria-label="Posts published on February 28, 2023">28</a></td> <td class="pad" colspan="5"> </td> </tr> </tbody> </table><nav aria-label="Previous and next months" class="wp-calendar-nav"> <span class="wp-calendar-nav-prev"><a href="https://tv503.com/2023/01/">« Jan</a></span> <span class="pad"> </span> <span class="wp-calendar-nav-next"><a href="https://tv503.com/2023/03/">Mar »</a></span> </nav></div></li> </ul> </div> </section><!-- #primary --> <footer class="site-footer"> <div> © 2026 tv503 New York News. All Rights Reserved. </div> <div> <a href="https://Tv503.com/">TV503</a> | <a href="https://BigNY.com/">BigNY</a> </div> </footer> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/parabola-child3/*","/wp-content/themes/parabola/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script id="ytcat-pro-player-js-extra"> var YTCATCFG = {"crossfadeMs":"800","restNow":"https://tv503.com/wp-json/ytcat/v1/now"}; //# sourceURL=ytcat-pro-player-js-extra </script> <script id="ytcat-pro-player-js" src="https://tv503.com/wp-content/plugins/yt-cat-scheduler-pro-fixed/assets/js/cat-player.js?ver=1.2.0"></script> <script id="wp-statistics-tracker-js-extra"> var WP_Statistics_Tracker_Object = {"requestUrl":"https://tv503.com","ajaxUrl":"https://tv503.com/wp-admin/admin-ajax.php","hitParams":{"wp_statistics_hit":1,"source_type":"archive","source_id":0,"search_query":"","signature":"5e60c7b549e5ac022b9a339f871f956f","action":"wp_statistics_hit_record"},"option":{"dntEnabled":"","bypassAdBlockers":"1","consentIntegration":{"name":null,"status":[]},"isPreview":false,"userOnline":false,"isWpConsentApiActive":false},"isLegacyEventLoaded":"","customEventAjaxUrl":"https://tv503.com/wp-admin/admin-ajax.php?action=wp_statistics_custom_event&nonce=ad3394ddec","onlineParams":{"wp_statistics_hit":1,"source_type":"archive","source_id":0,"search_query":"","signature":"5e60c7b549e5ac022b9a339f871f956f","action":"wp_statistics_online_check"},"jsCheckTime":"60000"}; //# sourceURL=wp-statistics-tracker-js-extra </script> <script id="wp-statistics-tracker-js" src="https://tv503.com/?da83e9=cd510f5232.js&ver=14.16.8"></script> <script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://tv503.com/wp-includes/js/wp-emoji-release.min.js?ver=7.0"}} </script> <script type="module"> /*! This file is auto-generated */ const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))}); //# sourceURL=https://tv503.com/wp-includes/js/wp-emoji-loader.min.js </script> <script type="text/javascript">var cryout_global_content_width = 800;</script></body> </html>