Written by Anonymous
OTHER FORM OPTIONS: <form name="myform" action="http://www.umh.es/form.cgi" method="post" style="width:370; background-color:white;"> <fieldset style="width:320; background-color:yellow;"> <legend>TEXTAREA: ingrese algo aquí:</legend> <textarea rows="6" cols="35">texto por defecto</textarea> </fieldset> <br />TEXT: <input type="text" /> Ingrese una frase <br /> <br />FICHERO: <input type="file" /> <br /> <br />PASSWORD: <input type="password" /> <br /> <br /> <hr /> <input type="submit" value="Enviar" name="B3" /> <input type="reset" value="Restablecer" name="B4" /> </form> ------------------------------------------------------------ FORM WITH RADIO BUTTONS AND CHECKBOXES: <form name="myform" action="http://www.domain.com/search" method="POST"> <div align="left"><br/> RADIO BUTTON<br/> <input type="radio" name="group1" value="Mi" checked />Milk<br> <input type="radio" name="group1" value="Bu"/>Butter<br> <input type="radio" name="group1" value="Ch"/>Cheese <hr/> CHECKBOX<br/> <input type="checkbox" name="group2" value="Wa"/>Water<br> <input type="checkbox" name="group2" value="Be"/>Beer<br> <input type="checkbox" name="group2" value="Wi" checked />Wine<br> </div> <hr/> <input type="submit" value="Send"/> </form> -------------------------------------------------------- TRANSLATE WEB PAGE: <form action="http://itools.com/tool/google-translate-web-page-translator" class="invoker" id="form-google-translate-web-page-translator" method="post" target="_self"> <fieldset class="w"> <div class="labeltop spacebelow"> <label for="form-google-translate-web-page-translator_url">URL of web page to translate</label> <input name="url" type="text" value="http://" class="defaultfield" id="form-google-translate-web-page-translator_url" size="80" /> </div> <div class="labelrequired clear"> <label class="labelrequired" for="form-google-translate-web-page-translator_sl" style="width: 2.5em">From</label> <select name="sl" class="vertical" id="form-google-translate-web-page-translator_sl"> <option value="auto" selected="selected">Detect language</option> <option value="af">Afrikaans</option> <option value="sq">Albanian</option> <option value="am">Amharic</option> <option value="ar">Arabic</option> <option value="hy">Armenian</option> <option value="az">Azerbaijani</option> <option value="eu">Basque</option> <option value="be">Belarusian</option> <option value="bn">Bengali</option> <option value="bs">Bosnian</option> <option value="bg">Bulgarian</option> <option value="ca">Catalan</option> <option value="ceb">Cebuano</option> <option value="ny">Chichewa</option> <option value="zh-CN">Chinese</option> <option value="co">Corsican</option> <option value="hr">Croatian</option> <option value="cs">Czech</option> <option value="da">Danish</option> <option value="nl">Dutch</option> <option value="en">English</option> <option value="eo">Esperanto</option> <option value="et">Estonian</option> <option value="tl">Filipino</option> <option value="fi">Finnish</option> <option value="fr">French</option> <option value="fy">Frisian</option> <option value="gl">Galician</option> <option value="ka">Georgian</option> <option value="de">German</option> <option value="el">Greek</option> <option value="gu">Gujarati</option> <option value="ht">Haitian Creole</option> <option value="ha">Hausa</option> <option value="haw">Hawaiian</option> <option value="iw">Hebrew</option> <option value="hi">Hindi</option> <option value="hmn">Hmong</option> <option value="hu">Hungarian</option> <option value="is">Icelandic</option> <option value="ig">Igbo</option> <option value="id">Indonesian</option> <option value="ga">Irish</option> <option value="it">Italian</option> <option value="ja">Japanese</option> <option value="jw">Javanese</option> <option value="kn">Kannada</option> <option value="kk">Kazakh</option> <option value="km">Khmer</option> <option value="ko">Korean</option> <option value="ku">Kurdish (Kurmanji)</option> <option value="ky">Kyrgyz</option> <option value="lo">Lao</option> <option value="la">Latin</option> <option value="lv">Latvian</option> <option value="lt">Lithuanian</option> <option value="lb">Luxembourgish</option> <option value="mk">Macedonian</option> <option value="mg">Malagasy</option> <option value="ms">Malay</option> <option value="ml">Malayalam</option> <option value="mt">Maltese</option> <option value="mi">Maori</option> <option value="mr">Marathi</option> <option value="mn">Mongolian</option> <option value="my">Myanmar (Burmese)</option> <option value="ne">Nepali</option> <option value="no">Norwegian</option> <option value="ps">Pashto</option> <option value="fa">Persian</option> <option value="pl">Polish</option> <option value="pt">Portuguese</option> <option value="pa">Punjabi</option> <option value="ro">Romanian</option> <option value="ru">Russian</option> <option value="sm">Samoan</option> <option value="gd">Scots Gaelic</option> <option value="sr">Serbian</option> <option value="st">Sesotho</option> <option value="sn">Shona</option> <option value="sd">Sindhi</option> <option value="si">Sinhala</option> <option value="sk">Slovak</option> <option value="sl">Slovenian</option> <option value="so">Somali</option> <option value="es">Spanish</option> <option value="su">Sundanese</option> <option value="sw">Swahili</option> <option value="sv">Swedish</option> <option value="tg">Tajik</option> <option value="ta">Tamil</option> <option value="te">Telugu</option> <option value="th">Thai</option> <option value="tr">Turkish</option> <option value="uk">Ukrainian</option> <option value="ur">Urdu</option> <option value="uz">Uzbek</option> <option value="vi">Vietnamese</option> <option value="cy">Welsh</option> <option value="xh">Xhosa</option> <option value="yi">Yiddish</option> <option value="yo">Yoruba</option> <option value="zu">Zulu</option> </select> </div> <div class="labelrequired inln"> <label class="labelrequired" for="form-google-translate-web-page-translator_tl" style="width: 2.5em">To</label> <select name="tl" class="vertical" id="form-google-translate-web-page-translator_tl"> <option value="af">Afrikaans</option> <option value="sq">Albanian</option> <option value="am">Amharic</option> <option value="ar">Arabic</option> <option value="hy">Armenian</option> <option value="az">Azerbaijani</option> <option value="eu">Basque</option> <option value="be">Belarusian</option> <option value="bn">Bengali</option> <option value="bs">Bosnian</option> <option value="bg">Bulgarian</option> <option value="ca">Catalan</option> <option value="ceb">Cebuano</option> <option value="ny">Chichewa</option> <option value="zh-CN">Chinese (Simplified)</option> <option value="zh-TW">Chinese (Traditional)</option> <option value="co">Corsican</option> <option value="hr">Croatian</option> <option value="cs">Czech</option> <option value="da">Danish</option> <option value="nl">Dutch</option> <option value="en" selected="selected">English</option> <option value="eo">Esperanto</option> <option value="et">Estonian</option> <option value="tl">Filipino</option> <option value="fi">Finnish</option> <option value="fr">French</option> <option value="fy">Frisian</option> <option value="gl">Galician</option> <option value="ka">Georgian</option> <option value="de">German</option> <option value="el">Greek</option> <option value="gu">Gujarati</option> <option value="ht">Haitian Creole</option> <option value="ha">Hausa</option> <option value="haw">Hawaiian</option> <option value="iw">Hebrew</option> <option value="hi">Hindi</option> <option value="hmn">Hmong</option> <option value="hu">Hungarian</option> <option value="is">Icelandic</option> <option value="ig">Igbo</option> <option value="id">Indonesian</option> <option value="ga">Irish</option> <option value="it">Italian</option> <option value="ja">Japanese</option> <option value="jw">Javanese</option> <option value="kn">Kannada</option> <option value="kk">Kazakh</option> <option value="km">Khmer</option> <option value="ko">Korean</option> <option value="ku">Kurdish (Kurmanji)</option> <option value="ky">Kyrgyz</option> <option value="lo">Lao</option> <option value="la">Latin</option> <option value="lv">Latvian</option> <option value="lt">Lithuanian</option> <option value="lb">Luxembourgish</option> <option value="mk">Macedonian</option> <option value="mg">Malagasy</option> <option value="ms">Malay</option> <option value="ml">Malayalam</option> <option value="mt">Maltese</option> <option value="mi">Maori</option> <option value="mr">Marathi</option> <option value="mn">Mongolian</option> <option value="my">Myanmar (Burmese)</option> <option value="ne">Nepali</option> <option value="no">Norwegian</option> <option value="ps">Pashto</option> <option value="fa">Persian</option> <option value="pl">Polish</option> <option value="pt">Portuguese</option> <option value="pa">Punjabi</option> <option value="ro">Romanian</option> <option value="ru">Russian</option> <option value="sm">Samoan</option> <option value="gd">Scots Gaelic</option> <option value="sr">Serbian</option> <option value="st">Sesotho</option> <option value="sn">Shona</option> <option value="sd">Sindhi</option> <option value="si">Sinhala</option> <option value="sk">Slovak</option> <option value="sl">Slovenian</option> <option value="so">Somali</option> <option value="es">Spanish</option> <option value="su">Sundanese</option> <option value="sw">Swahili</option> <option value="sv">Swedish</option> <option value="tg">Tajik</option> <option value="ta">Tamil</option> <option value="te">Telugu</option> <option value="th">Thai</option> <option value="tr">Turkish</option> <option value="uk">Ukrainian</option> <option value="ur">Urdu</option> <option value="uz">Uzbek</option> <option value="vi">Vietnamese</option> <option value="cy">Welsh</option> <option value="xh">Xhosa</option> <option value="yi">Yiddish</option> <option value="yo">Yoruba</option> <option value="zu">Zulu</option> </select> </div> <div class="inln"> <input name="submit" type="submit" value="Translate" class="gobtn" id="form-google-translate-web-page-translator_submit" rel="/static/i/fav/google-translate-text-translator.png" style="background-image:url(/static/i/fav/google-translate-text-translator.png)" /> </div> </fieldset> </form> -------------------------------------------------------- GOOGLE SEARCH FORM (WITH LOCAL SEARCH OPTION) <div id="formbuscar"> Buscar en Google <form method="get" action="http://www.google.com/search" target="_blank"> <input class="search" type="text" name="q" size="19" maxlength="255" value="" /> <input type="image" style="border: 0; margin: 0 0 -9px 5px;" src="./img/search.png" alt="Search" title="Search" /><br/> <input type="checkbox" name="sitesearch" value="www.umh.es" checked />Search only on this server<br /> </form> <!-- EXAMPLE: https://www.google.com/search?q=patata&x=12&y=12&sitesearch=www.umh.es --> </div> -------------------------------------------------- FORM WITH "SELECT": <form method="POST" action="mailto: [email protected]?subject=[CURSOS-SOLICITUD]" name="FrontPage_Form1" enctype="text/plain" > <p align="center">SOLICITUD DE CURSO</p> Curso: <select name="CURSO"> <option value="PDF"> Curso de PDF </option> <option value="AV-WIN"> Curso Avanzado de Windows </option> <option value="BASICO-PHOTOSHOP"> Curso Básico de Photoshop 5.5 </option> </select> <br/> Nombre: <input type="text" name="NOMBRE" size="40"/> <br/> Cargo: <input type="text" name="CARGO" size="25"/> <br/> Área: <input type="text" name="AREA" size="67"/> <br/> Sala: <select name="SALA" > <option value="S7"> Personal de Sala 7 </option> <option value="S8"> Personal de Sala 8 </option> <option value="S9"> Personal de Sala 9 </option> </select> <br/> Teléfono: <input type="text" name="TELEFONO" size="30"/> <br/> E-mail: <input type="text" name="E_MAIL" size="35"/> <br/> <input type="submit" value="Enviar" name="B3"/> <input type="reset" value="Restablecer" name="B4"/> <br/> </form> ----------------------------------------------- FORM EXERCISE #1: <html> <body bgcolor="white"> <h2>Amazon Search</h2> <form method="GET" action="https://www.amazon.es/s" target="_blank"> Search: <input type="text" name="k" size="50" /> <input type="submit" value="Send"/> <input type="reset" value="Clean"/> </form> <!-- Ejemplo de búsqueda: https://www.amazon.es/s?k=patata --> </body> </html> ======================================================= https://www.dropbox.com/referrals/AABkStudhwAqatfzKES69BRRoQ5jiKhjCFA?src=global9 IE (2022/2023) ================================ ANIMATED H1 HEADING <!DOCTYPE html> <html> <head> <style> #myDIV { position: absolute; left: 0; background-color: red; color: white; animation: mymove 9s infinite; } @keyframes mymove { 50% {left: 100%; right: 0%;} } </style> </head> <body> <h1>Animation of left</h1> <p>Gradually change the left position of the DIV element from 0 to 500px, and back to 0:<p> <div id="myDIV"> <h1>My DIV</h1> </div> </body> </html> ================================= MENU STRUCTURE USING IFRAMES_ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Título</title> <link rel="stylesheet" type="text/css" href="estilo-alx2.css" media="screen" /> </head> <body background="img/grass.jpg"> <!-- =========================================================================== --> <table width="100%" height="100%" border="1"> <tr> <td width="70" height="30" valign="top"> <a href="http://www.umh.es"><img src="img/logo-x-equis.gif"/ width="90"></a> </td> <td align="right" width="100%"> <iframe style="border: 0; height: 42px;" src="http://bandcamp.com/EmbeddedPlayer/album=3569398654/size=small/bgcol=ffffff/linkcol=0687f5/transparent=true/" seamless><a href="http://sarabix.bandcamp.com/album/krakatoa">Krakatoa by Sarabix</a></iframe> </td> </tr> <tr> <td valign="top"> <ul id="navside"> <li><br>Mi menú:</li> <li><a href="11c2_Menu-del-dia.html" target="mimarco">Opción 1</a></li> <li><a href="http://cache2.allpostersimages.com/p/LRG/51/5137/JKNEG00Z/posters/surf-boards.jpg" target="mimarco">Opción 2</a></li> <li><a href="8_tablas_solucion.htm" target="mimarco">Opción 3</a></li> </ul> </td> <td width="100%"> <iframe src="about:blank" width="100%" height="100%" frameborder="0" name="mimarco"></iframe> </td> </tr> </table> <!-- =========================================================================== --> </body> </html> ================================ <p>How to open a YouTube video on a new folder:</p> <a onmouseout="up_button()" onmouseover="over_button()" onclick=" window.open('https://www.youtube.com/watch?v=eW2qlKa6oHw','TheNew','left=20,top=20,width=425,height=350,fullscreen=no,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no')" target="_blank" title="Lenny Kravitz Video"> <img width="100" border="0" name="buttonOne" alt="Click to see video of PRK." src="img/lenny-kravitz.bmp"> </a> ================================ See: https://www.w3schools.com/tags/att_input_pattern.asp <input name="email" type="email" tabindex="3" size="28" pattern="[a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*@[a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[.][a-zA-Z]{1,5}" title="Formato [email protected]" required> ----------------------------------- <form name="myform" action="http://www.umh.es/form.cgi" method="post" style="width:370; background-color:white;"> <fieldset style="width:320; background-color:yellow;"> <legend>TEXTAREA: ingrese algo aquí:</legend> <textarea rows="6" cols="35">texto por defecto</textarea> </fieldset> <br />TEXT: <input type="text" /> Ingrese una frase <br /> <br />FICHERO: <input type="file" /> <br /> <br />PASSWORD: <input type="password" /> <br /> <br /> <hr /> <input type="submit" value="Enviar" name="B3" /> <input type="reset" value="Restablecer" name="B4" /> </form> ----------------------------------- <form action="http://itools.com/tool/google-translate-web-page-translator" class="invoker" id="form-google-translate-web-page-translator" method="post" target="_self"> <fieldset class="w"> <div class="labeltop spacebelow"> <label for="form-google-translate-web-page-translator_url">URL of web page to translate</label> <input name="url" type="text" value="http://" class="defaultfield" id="form-google-translate-web-page-translator_url" size="80" /> </div> <div class="labelrequired clear"> <label class="labelrequired" for="form-google-translate-web-page-translator_sl" style="width: 2.5em">From</label> <select name="sl" class="vertical" id="form-google-translate-web-page-translator_sl"> <option value="auto" selected="selected">Detect language</option> <option value="af">Afrikaans</option> <option value="sq">Albanian</option> <option value="am">Amharic</option> <option value="ar">Arabic</option> <option value="hy">Armenian</option> <option value="az">Azerbaijani</option> <option value="eu">Basque</option> <option value="be">Belarusian</option> <option value="bn">Bengali</option> <option value="bs">Bosnian</option> <option value="bg">Bulgarian</option> <option value="ca">Catalan</option> <option value="ceb">Cebuano</option> <option value="ny">Chichewa</option> <option value="zh-CN">Chinese</option> <option value="co">Corsican</option> <option value="hr">Croatian</option> <option value="cs">Czech</option> <option value="da">Danish</option> <option value="nl">Dutch</option> <option value="en">English</option> <option value="eo">Esperanto</option> <option value="et">Estonian</option> <option value="tl">Filipino</option> <option value="fi">Finnish</option> <option value="fr">French</option> <option value="fy">Frisian</option> <option value="gl">Galician</option> <option value="ka">Georgian</option> <option value="de">German</option> <option value="el">Greek</option> <option value="gu">Gujarati</option> <option value="ht">Haitian Creole</option> <option value="ha">Hausa</option> <option value="haw">Hawaiian</option> <option value="iw">Hebrew</option> <option value="hi">Hindi</option> <option value="hmn">Hmong</option> <option value="hu">Hungarian</option> <option value="is">Icelandic</option> <option value="ig">Igbo</option> <option value="id">Indonesian</option> <option value="ga">Irish</option> <option value="it">Italian</option> <option value="ja">Japanese</option> <option value="jw">Javanese</option> <option value="kn">Kannada</option> <option value="kk">Kazakh</option> <option value="km">Khmer</option> <option value="ko">Korean</option> <option value="ku">Kurdish (Kurmanji)</option> <option value="ky">Kyrgyz</option> <option value="lo">Lao</option> <option value="la">Latin</option> <option value="lv">Latvian</option> <option value="lt">Lithuanian</option> <option value="lb">Luxembourgish</option> <option value="mk">Macedonian</option> <option value="mg">Malagasy</option> <option value="ms">Malay</option> <option value="ml">Malayalam</option> <option value="mt">Maltese</option> <option value="mi">Maori</option> <option value="mr">Marathi</option> <option value="mn">Mongolian</option> <option value="my">Myanmar (Burmese)</option> <option value="ne">Nepali</option> <option value="no">Norwegian</option> <option value="ps">Pashto</option> <option value="fa">Persian</option> <option value="pl">Polish</option> <option value="pt">Portuguese</option> <option value="pa">Punjabi</option> <option value="ro">Romanian</option> <option value="ru">Russian</option> <option value="sm">Samoan</option> <option value="gd">Scots Gaelic</option> <option value="sr">Serbian</option> <option value="st">Sesotho</option> <option value="sn">Shona</option> <option value="sd">Sindhi</option> <option value="si">Sinhala</option> <option value="sk">Slovak</option> <option value="sl">Slovenian</option> <option value="so">Somali</option> <option value="es">Spanish</option> <option value="su">Sundanese</option> <option value="sw">Swahili</option> <option value="sv">Swedish</option> <option value="tg">Tajik</option> <option value="ta">Tamil</option> <option value="te">Telugu</option> <option value="th">Thai</option> <option value="tr">Turkish</option> <option value="uk">Ukrainian</option> <option value="ur">Urdu</option> <option value="uz">Uzbek</option> <option value="vi">Vietnamese</option> <option value="cy">Welsh</option> <option value="xh">Xhosa</option> <option value="yi">Yiddish</option> <option value="yo">Yoruba</option> <option value="zu">Zulu</option> </select> </div> <div class="labelrequired inln"> <label class="labelrequired" for="form-google-translate-web-page-translator_tl" style="width: 2.5em">To</label> <select name="tl" class="vertical" id="form-google-translate-web-page-translator_tl"> <option value="af">Afrikaans</option> <option value="sq">Albanian</option> <option value="am">Amharic</option> <option value="ar">Arabic</option> <option value="hy">Armenian</option> <option value="az">Azerbaijani</option> <option value="eu">Basque</option> <option value="be">Belarusian</option> <option value="bn">Bengali</option> <option value="bs">Bosnian</option> <option value="bg">Bulgarian</option> <option value="ca">Catalan</option> <option value="ceb">Cebuano</option> <option value="ny">Chichewa</option> <option value="zh-CN">Chinese (Simplified)</option> <option value="zh-TW">Chinese (Traditional)</option> <option value="co">Corsican</option> <option value="hr">Croatian</option> <option value="cs">Czech</option> <option value="da">Danish</option> <option value="nl">Dutch</option> <option value="en" selected="selected">English</option> <option value="eo">Esperanto</option> <option value="et">Estonian</option> <option value="tl">Filipino</option> <option value="fi">Finnish</option> <option value="fr">French</option> <option value="fy">Frisian</option> <option value="gl">Galician</option> <option value="ka">Georgian</option> <option value="de">German</option> <option value="el">Greek</option> <option value="gu">Gujarati</option> <option value="ht">Haitian Creole</option> <option value="ha">Hausa</option> <option value="haw">Hawaiian</option> <option value="iw">Hebrew</option> <option value="hi">Hindi</option> <option value="hmn">Hmong</option> <option value="hu">Hungarian</option> <option value="is">Icelandic</option> <option value="ig">Igbo</option> <option value="id">Indonesian</option> <option value="ga">Irish</option> <option value="it">Italian</option> <option value="ja">Japanese</option> <option value="jw">Javanese</option> <option value="kn">Kannada</option> <option value="kk">Kazakh</option> <option value="km">Khmer</option> <option value="ko">Korean</option> <option value="ku">Kurdish (Kurmanji)</option> <option value="ky">Kyrgyz</option> <option value="lo">Lao</option> <option value="la">Latin</option> <option value="lv">Latvian</option> <option value="lt">Lithuanian</option> <option value="lb">Luxembourgish</option> <option value="mk">Macedonian</option> <option value="mg">Malagasy</option> <option value="ms">Malay</option> <option value="ml">Malayalam</option> <option value="mt">Maltese</option> <option value="mi">Maori</option> <option value="mr">Marathi</option> <option value="mn">Mongolian</option> <option value="my">Myanmar (Burmese)</option> <option value="ne">Nepali</option> <option value="no">Norwegian</option> <option value="ps">Pashto</option> <option value="fa">Persian</option> <option value="pl">Polish</option> <option value="pt">Portuguese</option> <option value="pa">Punjabi</option> <option value="ro">Romanian</option> <option value="ru">Russian</option> <option value="sm">Samoan</option> <option value="gd">Scots Gaelic</option> <option value="sr">Serbian</option> <option value="st">Sesotho</option> <option value="sn">Shona</option> <option value="sd">Sindhi</option> <option value="si">Sinhala</option> <option value="sk">Slovak</option> <option value="sl">Slovenian</option> <option value="so">Somali</option> <option value="es">Spanish</option> <option value="su">Sundanese</option> <option value="sw">Swahili</option> <option value="sv">Swedish</option> <option value="tg">Tajik</option> <option value="ta">Tamil</option> <option value="te">Telugu</option> <option value="th">Thai</option> <option value="tr">Turkish</option> <option value="uk">Ukrainian</option> <option value="ur">Urdu</option> <option value="uz">Uzbek</option> <option value="vi">Vietnamese</option> <option value="cy">Welsh</option> <option value="xh">Xhosa</option> <option value="yi">Yiddish</option> <option value="yo">Yoruba</option> <option value="zu">Zulu</option> </select> </div> <div class="inln"> <input name="submit" type="submit" value="Translate" class="gobtn" id="form-google-translate-web-page-translator_submit" rel="/static/i/fav/google-translate-text-translator.png" style="background-image:url(/static/i/fav/google-translate-text-translator.png)" /> </div> </fieldset> </form> ----------------------------------------- <form name="myform" action="http://www.domain.com/search" method="POST"> <div align="left"><br/> RADIO BUTTON<br/> <input type="radio" name="group1" value="Mi" checked />Milk<br> <input type="radio" name="group1" value="Bu"/>Butter<br> <input type="radio" name="group1" value="Ch"/>Cheese <hr/> CHECKBOX<br/> <input type="checkbox" name="group2" value="Wa"/>Water<br> <input type="checkbox" name="group2" value="Be"/>Beer<br> <input type="checkbox" name="group2" value="Wi" checked />Wine<br> </div> <hr/> <input type="submit" value="Send"/> </form> ----------------------------------------- <form method="get" action="http://www.google.com/search" target="_blank"> <input class="search" type="text" name="q" size="19" maxlength="255" value="" /> <input type="image" style="border: 0; margin: 0 0 -9px 5px;" src="./img/search.png" alt="Search" title="Search" /><br/> <input type="checkbox" name="sitesearch" value="www.umh.es" checked /> Buscar solo en www.umh.es<br /> </form> ----------------------------------------- <form method="GET" action="https://www.amazon.es/s" target="_blank"> Search: <select name="CURSO"> <option value="PDF"> Curso de PDF </option> <option value="AV-WIN"> Curso Avanzado de Windows </option> <option value="BASICO-PHOTOSHOP"> Curso Básico de Photoshop 5.5 </option> </select> <input type="text" name="k" size="50" /> <input type="submit" value="Send"/> <input type="reset" value="Clean"/> </form> ----------------------------------------- Table generator: https://www.textfixer.com/html/html-table-generator.php ================================ Basic text encoding -------------------------------------------------------- <html> <head> <title>Basic text encoding</title> </head> <body> <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> <p>Paragraph <strong>sasas asa</strong> sas <em>as a sa</em> s as as.</p> <p>Paragraph <b>sasas asa</b> sas <i>as a sa</i> s as as.</p> </body> </html> ================================ Global attributes -------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Heading text (only appears in the browser tab)</title> <meta charset="utf-8"> </head> <body style="background: lightgray"> <hr/> <h2>Global attributes</h2> <hr/> <h3>Explanation:</h3> <p><b>Global attributes</b> are attributes that can be used in the opening tag of any HTML element.</p> <p>The example shows several examples</p> <p>The <b>style</b> attribute allows you to use CSS style sheet formats for the various HTML elements.</p> <p>The <b>lang</b> attribute determines the language of the content.</p> <p>The <b>title</b> attribute is used to mention "Meta" information about the element. Modern browsers display such information in a small "tooltip" window, when the user places the mouse cursor over the content of the element.<br/> See example text paragraph.</p> <hr/> <h2>Example:</h2> <h1 title="Welcome in Spanish" style="color:orange" lang="es">¡Bienvenido!</h1> <h1 title="Welcome in German" style="color:black" lang="de">Willkommen!</h1> <h1 title="Welcome in English" style="color:blue" lang="en">Welcome!</h1> <h1 title="Welcome in French" style="color:red" lang="fr">Bienvenue!</h1> <h1 title="Welcome in Italian" style="color:green" lang="it">Benvenuto!</h1> <h1 title="Welcome in Portuguese" style="color:olive" lang="pt">Boa vinda!</h1> <h1 title="Welcome in Polish" style="color:cyan" lang="pl">Witamy</h1> <h1 title="Welcome to Croatian" style="color:lightgreen" lang="hr">Dobrodosli</h1> <p title="The text is hidden here, in the 'title' attribute!">Where is the text?</p> <p style="background-color: #d8da3d; colour: red; font-family: Arial">In this sentence we have several CSS formats together in one <b>style</b> attribute: background-color, font-color, and Arial font.</p> </body> </html> -------------------------------------------------------------------------------------------------------------- Comparison of web browsers: https://en.wikipedia.org/wiki/Comparison_of_web_browsers#Image_format_support -------------------------------------------------------------------------------------------------------------- <htlm> <body> <center> <h1>The Solar System</h1> <img src="img/solar-system.jpg" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area shape="circle" coords="-39,191,78" href="http://en.wikipedia.org/wiki/Sun" target="_blank" title="Sun"> <area shape="circle" coords="66,202,9" href="http://en.wikipedia.org/wiki/Mercury_(planet)" target="_blank" title="Mercury"> <area shape="circle" coords="99,197,14" href="http://en.wikipedia.org/wiki/Venus" target="_blank" title="Venus"> <area shape="circle" coords="134,194,14" href="http://en.wikipedia.org/wiki/Earth" target="_blank" title="Earth"> <area shape="circle" coords="174,191,10" href="http://en.wikipedia.org/wiki/Mars" target="_blank" title="Mars"> <area href="http://en.wikipedia.org/wiki/Asteroid_belt" target="_blank" title="Asteroid belt"> <area shape="circle" coords="221,187,29" href="http://en.wikipedia.org/wiki/Jupiter" target="_blank" title="Jupiter"> <area shape="circle" coords="282,185,15" href="http://en.wikipedia.org/wiki/Saturn" target="_blank" title="Saturn"> <area shape="circle" coords="357,176,17" href="http://en.wikipedia.org/wiki/Uranus" target="_blank" title="Uranus"> <area shape="circle" coords="450,169,15" href="http://en.wikipedia.org/wiki/Neptune" target="_blank" title="Neptune"> <area shape="circle" coords="513,156,6" href="http://en.wikipedia.org/wiki/Pluto" target="_blank" title="Pluto"> <area shape="rect" coords="532,0,599,327" href="http://en.wikipedia.org/wiki/Kuiper_belt" target="_blank" title="Kuiper belt"> </map> </center> </body> </html>