DOCTYPE HTML html head meta http-equiv content-type content text html

  • Anonymous
  • HTML
  • 28 Nov 2014 
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE HTML>

<html>

<head>

	<meta http-equiv="content-type" content="text/html charset=UTF-8" />

	<meta name="author" content="Трипольский Олег" />

	<title>Проба урока 01.3</title>

  <script src="js/jquery-1.11.1.js" type="text/javascript"></script>

  <script src="js/jquery.color-2.1.2.js" type="text/javascript"></script>

  

  <style>

  body{

    margin: auto; max-width: 1000px; 

    border: 1px solid green

  }

  /* стиль блока, где показывается код*/

  #pageText{

    color: red;

    white-space: pre;

    border: 1px solid green;

    line-height: 0.8;

  }

  h3{text-align: center;}

  

  .red{color: red;}

  .black{color: black;}

  

  span[id^="t_"]{color: red; font-weight: bolder;} /*style="color: red; font-weight: bolder;"*/

  

  </style>

</head>



<body>

<div>

<h3 id="col">Проба плавной смены цвета текста</h3>







<h3>Проба заполнения текущей строкой</h3>



<!-- СЮДА ВСЕ ЗАНОСИМ-->

<p id="pageText">



</p> 

  

 <!-- КНОПКИ -->

<input type="button" id="but_show" value="Показать текст" />



<!-- Параграф, содержимое которого копируется  в показ кода-->  

<p id="p_01">

<span class="black">&lt;div<span id="t_1"></span>

&gt;



&lt;/div&gt;</span>

</p>



<p id="p_02">

<span class="black">&lt;div<span id="t_1"></span>

&gt;



&lt;/div&gt;</span>

</p>



</div>
← newer dump
older dump →