grd - grupo 1 - sallud y tecnologia
https://drive.google.com/file/d/1HCRl-x0Xj5-kSCl7WxYqAp6I9KkAM5aO/view?usp=sharing
Entradas
Add Captions to Slides - Bootstrap Carousel
https://www.w3schools.com/bootstrap/bootstrap_carousel.asp https://blogdendj.blogspot.com.co/2018/03/esto-debe-ir-al-inicio-basico-de-una.html https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_carousel2&stacked=h --- code : <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h2>Carousel Example</h
Another Example of Nesting - Bootstrap Media Objects
https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_media_nested2 Bootstrap Example Nested Media Objects Media objects can also be nested (a media object inside a media object): John Doe Posted on February 19, 2016 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. John Doe Posted on February 20, 2016 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. John Doe Posted on February 21, 2016 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Fixed Navigation Bar - Bootstrap Navigation Bar
https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_navbar_fixed&stacked=h https://blogdendj.blogspot.com.co/2018/03/esto-debe-ir-al-inicio-basico-de-una.html https://www.w3schools.com/bootstrap/bootstrap_navbar.asp ---- code : < nav class ="navbar navbar-inverse navbar-fixed-top" > < div class ="container-fluid" > < div class ="navbar-header" > < a class ="navbar-brand" href ="#" > WebSiteName < /a > < /div > < ul class ="nav navbar-nav" > < li class ="active" > < a href ="#" > Home < /a > < /li > < li > < a href ="#" > Page 1 < /a > < /li > < li > < a href ="#" > Page 2 < /a > < /li > < li > < a href ="#" > Page 3 < /a > < /li > < /ul > &
Bootstrap Navigation Bar - Right-Aligned Navigation Bar - HTML
https://www.w3schools.com/bootstrap/bootstrap_navbar.asp https://blogdendj.blogspot.com.co/2018/03/esto-debe-ir-al-inicio-basico-de-una.html ----------- code : < nav class ="navbar navbar-inverse" > < div class ="container-fluid" > < div class ="navbar-header" > < a class ="navbar-brand" href ="#" > WebSiteName < /a > < /div > < ul class ="nav navbar-nav" > < li class ="active" > < a href ="#" > Home < /a > < /li > < li > < a href ="#" > Page 1 < /a > < /li > < li > < a href ="#" > Page 2 < /a > < /li > < /ul > < form class ="navbar-form navbar-left" action ="/action_page.php" > < div class ="form-group" > < input type ="text&
Basic Collapsible - Bootstrap Collapse
https://www.w3schools.com/bootstrap/bootstrap_collapse.asp https://blogdendj.blogspot.com.co/2018/03/esto-debe-ir-al-inicio-basico-de-una.html https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_collapsible&stacked=h -- CODE : < button data-toggle ="collapse" data-target ="#demo" > Collapsible < /button > < div id ="demo" class ="collapse" > Lorem ipsum dolor text.... < /div > --- Collapsible Lorem ipsum dolor text....
W3Schools' Online Certification Program
https://www.w3schools.com/cert/default.asp IMAGE TAKEN OF --> https://tpc.googlesyndication.com/simgad/12551348051857534822
Bootstrap Badges and Labels HTML
Bootstrap Badges and Labels https://www.w3schools.com/bootstrap/bootstrap_badges_labels.asp
esto debe ir al inicio basico de una pagina con
<html lang="en"> <head> </head> </html> <!-- Latest compiled and minified CSS --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"></link> <!-- jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <!-- Latest compiled JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> ------- https://www.w3schools.com/bootstrap/bootstrap_get_started.asp > Create First Web Page With Bootstrap
bootstrap BUTTONS
codigo : <html lang="en"> <head> </head> </html> <!-- Latest compiled and minified CSS --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"></link> <!-- jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <!-- Latest compiled JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <HR> <button type="button" class="btn">Basic</button> <button type="button" class="btn btn-default">Default</button> <button type="button" class="btn btn-primary">Primary</button> <button type="button" class="btn btn-success">
botones chidos - html - Bootstrap
Basic Default Primary Success Info Warning Danger Link https://www.w3schools.com/bootstrap/bootstrap_buttons.asp https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_button_styles&stacked=h
Bootstrap Example -
Bootstrap Example My First Bootstrap Page Resize this responsive page to see the effect! Column 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit... Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris... Column 2 Lorem ipsum dolor sit amet, consectetur adipisicing elit... Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris... Column 3 Lorem ipsum dolor sit amet, consectetur adipisicing elit... Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris... https://www.w3schools.com/bootstrap/default.asp https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_default&stacked=h
HTML [video] Tag
HTML <v ideo> Tag --------- https://www.w3schools.com/tags/tag_video.asp https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_video --------------- <!DOCTYPE html> <html> <body> <video width="320" height="240" controls> <source src="https://www.w3schools.com/tags/movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag. </video> <p><strong>Note:</strong> The video tag is not supported in Internet Explorer 8 and earlier versions.</p> </body> </html> Your browser does not support the video tag. Note: The video tag is not supported in Internet Explorer 8 and earlier versions.
HTML [U] Tag [SUBRAYADO DE UNA PALABRA O FRASE O ORACION]
HTML <u> Tag ------------- FUENTES : https://www.w3schools.com/tags/tag_u.asp https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_u ------------------ CODE : < p > This is a < u > parragraph < /u > . < /p > ---------------- This is a parragraph .
html track video
https://www.w3schools.com/tags/tag_track.asp -- < video width ="320" height ="240" controls > < source src ="forrest_gump.mp4" type ="video/mp4" > < source src ="forrest_gump.ogg" type ="video/ogg" > < track src ="subtitles_en.vtt" kind ="subtitles" srclang ="en" label ="English" > < track src ="subtitles_no.vtt" kind ="subtitles" srclang ="no" label ="Norwegian" > < /video >
HTML textarea Tag
HTML [textarea] Tag https://www.w3schools.com/tags/tag_textarea.asp https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_textarea --------------- At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
HTML FORM Tag
HTML Tag < form action ="/action_page.php" method ="get" > First name: < input type ="text" name ="fname" > < br > Last name: < input type ="text" name ="lname" > < br > < input type ="submit" value ="Submit" > < /form > <br> ----------------------- https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_form_submit https://www.w3schools.com/tags/tag_form.asp ----- First name: Last name: Click the "Submit" button and the form-data will be sent to a page on the server called "/action_page.php".
si :)
First name: Last name: Click the "Submit" button and the form-data will be sent to a page on the server called "/action_page.php".
html - como ponerle un subtitulo a una imagen
https://www.w3schools.com/tags/tag_figcaption.asp https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_figcaption ---- <figure> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7ABsaS8JvLruUbvaGw3vnrTYII5icRA-xn8i0McksCB77qJOLUemTNjRVy289douwPyMmWobg_e4smyVq631txx396J3t0xQN647viRVyPSs7lCj4AXJXJfOK-XpT06BK7IUDK69CPd5D/s320/nelsondavidjunior.jpg" alt="The Pulpit Rock" width="304" height="228"> <figcaption>Fig.1 - A view of the pulpit rock in Norway.</figcaption> </figure> ----- Fig.1 - A view of the pulpit rock in Norway.
HTML figcaption Tag
HTML <figcaption> Tag ------------- https://www.w3schools.com/tags/tag_figcaption.asp https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_figcaption ----- <!DOCTYPE html> <html> <body> <p>The Pulpit Rock is a massive cliff 604 metres (1982 feet) above Lysefjorden, opposite the Kjerag plateau, in Forsand, Ryfylke, Norway. The top of the cliff is approximately 25 by 25 metres (82 by 82 feet) square and almost flat, and is a famous tourist attraction in Norway.</p> <figure> <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228"> <figcaption>Fig.1 - A view of the pulpit rock in Norway.</figcaption> </figure> <p><strong>Note:</strong> The figure tag is not supported in Internet Explorer 8 and earlier versions.</p> </body> </html> --- The
HTML fieldset tag
HTML <fieldset> Tag https://www.w3schools.com/tags/tag_fieldset.asp https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_fieldset -- codigo : < form > < fieldset > < legend > Personalia: < /legend > Name: < input type ="text" > < br > Email: < input type ="text" > < br > Date of birth: < input type ="text" > < /fieldset > < /form > ---- Personalia: Name: Email: Date of birth:
Formulario LTL - Aspirante
Formulario [toma un pantallaso y envialo a : *blogdendj@gmail.com*] : yourName: your Email: your Date of birth: your facebook: your channel youtube: your twitter: />
https://sites.google.com/site/ticscbtis31/1-3-uso-de-teclas-especiales-y-sus-combinaciones
https://sites.google.com/site/ticscbtis31/1-3-uso-de-teclas-especiales-y-sus-combinaciones
Métodos abreviados de teclado generales
TECLAS ESPECIALES Y SUS COMBINACIONES --- fuente : http://tics-1j-cbtis39.blogspot.com.co/2012/09/teclas-especiales-y-sus-combinaciones.html ---- CTRL+C (Copiar) CTRL+X (Cortar) CTRL+V (Pegar) CTRL+Z (Deshacer) SUPR (Eliminar) MAYÚS+SUPR (Eliminar de forma definitiva el elemento seleccionado sin colocarlo en la Papelera de reciclaje) CTRL mientras se arrastra un elemento (Copiar el elemento seleccionado) CTRL+MAYÚS mientras se arrastra un elemento (Crear un acceso directo al elemento seleccionado) Tecla F2 (Cambiar el nombre del elemento seleccionado) CTRL+FLECHA A LA DERECHA (Mover el punto de inserción al principio de la palabra siguiente) CTRL+FLECHA A LA IZQUIERDA (Mover el punto de inserción al principio de la palabra anterior) CRTL+FLECHA ABAJO (Mover el punto de inserción al principio del párrafo siguiente) CTRL+FLECHA ARRIBA (Mover el punto de inserción al principio del párrafo anterior) CTRL+MAYÚS con cualquiera de las teclas de di