Recur Sos

<!
DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<style id="webmakerstyle">
h1{
background-color:black;
color: #FFFFFF;
font-size: xx-large;
width: 100%;
text-align:left;
vertical-align:top;
}
body
{
color: #222222;
}
th, td{
padding-left:1.5em;
padding-top:1.0em;
}
#nav, #nav ul {
padding-left: 0;
margin: 0;
list-style:none;
text-align: center;
}
#nav a {
display: inline-block;
}
#nav a:link, #nav a:visited {

/* because this is a navigation menu, we'll keep links looking
the same after being visited. you should only do this for
navigation menus. color: yellow
/*text-decoration:none;*/
margin-top: 5px;
display: block;
color: #222222;
text-decoration: none;
}
#nav li strong a, #nav li strong a:visited {

color: #fff;
}
#nav a:focus, #nav a:hover {
color: #CC0000;
}
#nav a:active {
text-underline-position:#CC0000;
}
#nav li {
float: left;
background-color:white;
}
#nav {
/* Since the items are floated, we'll set the container to
inline-block to avoid clearing issues. If you need to support
older browsers like Firefox 2, use the easy clearing fix
http://www.positioniseverything.net/easyclearing.html */
display: inline-block;
}
#nav li {
width: 6.6em;
/* separate the items with a right margin */
margin: 0 0.1em 0 0;
/* we're using an image sprite for the arrows - for more details
on this, see the CSS Background Images article */
padding-left: 1.5em;
/* the border is the same colour as the background, so it's
effectively hidden. it's there so the menu doesn't jump around
when we apply a visible border later on. */
border-top: 1px solid #efefef;
}
/*view-source:https://mosaic.uoc.edu/ac/le/operafiles/27/example-
specificselectors.html*/
/*Use selected item in a list*/
.selected {
color:#CC0000;
text-decoration:underline;
}
h2{
width=100%;
text-align:center;
color:#222222;
font-size:16px;
}
/*division used to give css style to h3*/
h3{
border-color:#DDDDDD;
border-top-style:solid;
}
h3{
width=100%;
text-align:left;
color:#222222;
font-size:x-large;
padding-left:2.0em;
padding-top:1.0em;
}
h4 {
width=100%;
text-align:left;
color:#222222;
font-size:large;
padding-left:2.0em;
margin-top:0.5em;
}
h4 p{
/*text alignment*/
text-align:justify;
/*padding is used to give some space to text, using
box properties*/
margin-left:4.2em;
margin-right:30.2em;
font-size:small;
width:90%;
}
h4, a {
color:#222222;
text-decoration:none;
}
h4 strong a:visited {
color: #fff;
h4 a:focus, h4 a:hover {
color: #CC0000;
}
/*Ref.: UOC - PID_00253482 El texto central de HTML

Listas HTML
*/
ul.first_list li{
padding:1.0em;
list-style-type:square;
font-size:small;
}
ul.press_list li{
/*https://www.w3schools.com/css/css_list.asp
https://www.w3schools.com/cssref/pr_list-style.asp*/
list-style: none inside url("./src/press-icon.png");
}
ul.network_list li{
/*https://www.w3schools.com/css/css_list.asp
https://www.w3schools.com/cssref/pr_list-style.asp*/
list-style: none inside url("./src/internet-icon.png");
}
ul.second_list li{
background:none;
padding:1.0em;
list-style:square inside none;
font-size:small;
font-style:italic;
}
ul.third_list li{
padding:1.0em;
list-style-type:square;
font-size:small;
font-style:italic;
}
footer {
background-color:#3B3B3B;
color:#FFFFFF;
font-size:small;
width: 100%;
text-align:left;
padding-top:1.0em;
padding-left:5.0em;
padding-bottom:5.0em;
}
</style>
</head>
<body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es"
lang="es">
<head><meta http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<link rel="stylesheet" href="./fin-confianza/fin-
confianza.css">
<title>fin-confianza</title>
<h1><table><tr><th><img src="./src/logo-website.jpg" alt="Logo
del sitio web" title="Logo Principal - Web."></th></tr>
<tr><td>#1 La credibilidad de los medios</td></tr>
</table></h1>
</head>
<body>
<h2>
<div id="nav">
<ul>
<li><a href="fin-confianza.html">ARTÃCULO</a></li>
<li class="selected"><a
href="recursos.html">RECURSOS</a></li>
<li><a href="terminologia.html">TERMINOLOGÃA</a></li>
</ul>
</div> </h2>
<h3>
Noticias falsas y periodismo: recursos
</h3>
<h4>
<ol>
<li>Organizaciones e instituciones
<ul class="first_list">
<li> <a href="https://ec.europa.eu/digital-single-
market/en/fake-news">Fake news initiative</a></li>
<li> <a href="https://firstdraftnews.org/">First
Draft</a></li>
<li> <a href="https://posttruthinitiative.org/">Post
Truth Initiative</a></li>
<li> <a href="https://thetrustproject.org/">The Trust
project</a></li>
</ul>
</li>
<li>ArtÃculos
<ul class="press_list">
<li>Prensa</li>
<ul class="second_list">
<li> <a
href="https://www.theguardian.com/commentisfree/2016/dec/09/fake-
news-technology-filters">Albright, J. Stop worrying about fake
news. What comes next will be much worse. The Guardian
(9/12/16)</a></li>
<li> <a
href="http://www.elmundo.es/opinion/2018/02/23/5a8ef125468aeb2f65
8b4644.html">Elias, C. Prensa en la era de la posverdad. El Mundo
(23/2/2018)</a></li>
<li> <a
href="https://www.ara.cat/internacional/fake-news-UE-Comissio-
Europea-Gabriel_0_1943205877.html">ForÃ¨s, L. Europa declara la
guerra a les fake news. Ara (16/1/2018)</a></li>
<li> <a
href="http://www.publico.es/politica/manifiesto-miedo-fake-news-
use-control-politico-medios-comunicacion.html">Un manifiesto en
contra de que el miedo a las fake news se use para el control
polÃtico de los medios de comunicaciÃ³n. PÃºblico.
(13/12/2017)</a></li>
</ul>
</ul>
<ul class="network_list">
<li>En la red</li>
<ul class="second_list">
<li><a href="http://www.nuvol.com/noticies/per-que-
la-veritat-fa-mandra-o-de-kant-a-trump/">Burdeos, J. Per quÃ¨ la
veritat fa mandra o de Kant a Trump. NÃºvol. (9/03/2017)</a></li>
<li><a
href="http://www.bbc.com/future/story/20170301-lies-propaganda-
and-fake-news-a-grand-challenge-of-our-age">Gray, R. Lies,
propaganda and fake news: a challenge of our age. BBC
(1/3/2017)</a></li>
<li><a href="http://lab.cccb.org/es/hacia-una-
nueva-etica-informativa/">Hinojo. A. Hacia una nueva Ã©tica
informativa CCCBLAB (16/1/2018)</a></li>
</ul>
</ul>
</li>
<li>Libros
<ul class="third_list">
<li><cite>ManipulaciÃ³n de la informaciÃ³n televisiva /
Lorenzo Vilches. PaidÃ³s, 1989</cite></li>
<li><cite>La Realidad manipulada : radio, televisiÃ³n,
cine, prensa / Christian Doelker. Gustavo Gili, 1982</cite></li>
<li><cite>De source sÃ»re : nouvelles rumeurs
d'aujourd'hui / VÃ©ronique Campion-Vincent, Jean-Bruno Renard.
Payot & Rivages, 2002</cite></li>
<li><cite>La InformaciÃ³n del silencio : cÃ³mo se
miente contando hechos verdaderos / Ãlex Grijelmo. Taurus,
2012</cite></li>
</ul>
</li>
</ol>
</h4>
</body>
<footer><div>
<img src="./src/creative-commons.png" alt="creative-commons-
image" title="creative-commons - Web."/><br>Trabajo realizado por
Oscar Pastas Bastidas. Asignatura: HTML y CSS</div>
</footer>
</html>
<script src="filesystem:chrome-
extension://lkfkkhfhhdkiemehlpkgjeojomhpccnh/temporary/script.js"
>
</script>
</body>
</html>

Recur Sos

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Recur Sos

Încărcat de

Drepturi de autor:

Formate disponibile

<!

#nav a:link, #nav a:visited {

#nav li strong a, #nav li strong a:visited {

/*Ref.: UOC - PID_00253482 El texto central de HTML

S-ar putea să vă placă și