がんばりましょう

$B%A%'%C%/$N7k2L$O0J2<$N$H$*$j$G$9!#(B

http://luban789.xyz $B$r(B HTML4.01 Transitional $B$H$7$F%A%'%C%/$7$^$7$?!#(B
11$B8D$N%(%i!<$,$"$j$^$7$?!#$3$N(BHTML$B$O(B -138$BE@$G$9!#%?%0$,(B 11$B

$B@hF,$N?t;z$O%(%i!<$N$*$*$^$+$J=EMWEY$r(B 0$B!A(B9 $B$G<($7$F$$$^$9(B($B8:E@?t$G$O$"$j$^$;$s(B)$B!#>/$J$$?t;z$O7Z$/!"(B9 $B$K$J$k$[$ICWL?E*$G$9!#(B$B$3$N(BHTML$B$K$O=EMW$JLdBj$,B?$/4^$^$l$F$$$^$9(B$B!#4D6-$K$h$C$F$O1\Mw$G$-$J$$2DG=@-$,Hs>o$K9b$$$H8@$($^$9!#8:E@BP>]30$N$4$/7ZEY$N%(%i!<$O3d0&$5$l$F$$$^$9!#(B

6: line 1: $BITL@$J(B DOCTYPE$B@k8@$G$9!#(B $B"*(B $B2r@b(B 4
5: line 5: <META> $B$KB>$N(BHTML$BMQ$NB0@-(B `CHARSET` $B$,;XDj$5$l$F$$$^$9!#(B $B"*(B $B2r@b(B 80
6: line 5: <META> $B$K$O(B CONTENT $BB0@-$,I,MW$G$9!#(B $B"*(B $B2r@b(B 86
6: line 7: <STYLE> $B$K$O(B TYPE $BB0@-$,I,MW$G$9!#(B $B"*(B $B2r@b(B 86
1: line 7: <STYLE> $B$r;H$&$H$-$O(B <HEAD>$B!A(B</HEAD> $BFb$K(B <META HTTP-EQUIV="CONTENT-STYLE-TYPE" CONTENT="$B!A(B"> $B$r;XDj$9$k$h$&$K$7$^$7$g$&!#(B $B"*(B $B2r@b(B 146
3: line 111: <STYLE>$B!A(B</STYLE> $BFb$NMWAG$O$9$Y$F%3%a%s%H$G0O$s$@J}$,0BA4$G$9!#(B $B"*(B $B2r@b(B 153
4: line 112: <HEAD>$B!A(B</HEAD> $BFb$K(B <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="$B!A(B"> $B$,4^$^$l$F$$$^$;$s!#(B $B"*(B $B2r@b(B 128
5: line 120: <A> $B$N%"%s%+!$,6u$G$9!#(B $B"*(B $B2r@b(B 216
9: line 129: </DIV> $B$KBP1~$9$k3+;O%?%0(B <DIV> $B$,8+$D$+$j$^$;$s!#(B $B"*(B $B2r@b(B 69


$B%A%'%C%/$7$?(BHTML$B$O0J2<$N$H$*$j$G$9!#(B

http://luban789.xyz

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Informational Blog</title>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <style>
  8. * {
  9.   box-sizing: border-box;
  10. }
  11. /* Style the body */
  12. body {
  13.   font-family: Arial, Helvetica, sans-serif;
  14.   margin: 0;
  15. }
  16. /* Header/logo Title */
  17. .header {
  18.   padding: 80px;
  19.   text-align: center;
  20.   background: #1abc9c;
  21.   color: white;
  22. }
  23. /* Increase the font size of the heading */
  24. .header h1 {
  25.   font-size: 40px;
  26. }
  27. /* Style the top navigation bar */
  28. .navbar {
  29.   overflow: hidden;
  30.   background-color: #333;
  31. }
  32. /* Style the navigation bar links */
  33. .navbar a {
  34.   float: left;
  35.   display: block;
  36.   color: white;
  37.   text-align: center;
  38.   padding: 14px 20px;
  39.   text-decoration: none;
  40. }
  41. /* Right-aligned link */
  42. .navbar a.right {
  43.   float: right;
  44. }
  45. /* Change color on hover */
  46. .navbar a:hover {
  47.   background-color: #ddd;
  48.   color: black;
  49. }
  50. /* Column container */
  51. .row {
  52.   display: -ms-flexbox; /* IE10 */
  53.   display: flex;
  54.   -ms-flex-wrap: wrap; /* IE10 */
  55.   flex-wrap: wrap;
  56. }
  57. /* Create two unequal columns that sits next to each other */
  58. /* Sidebar/left column */
  59. .side {
  60.   -ms-flex: 30%; /* IE10 */
  61.   flex: 30%;
  62.   background-color: #f1f1f1;
  63.   padding: 20px;
  64. }
  65. /* Main column */
  66. .main {
  67.   -ms-flex: 70%; /* IE10 */
  68.   flex: 70%;
  69.   background-color: white;
  70.   padding: 20px;
  71. }
  72. /* Fake image, just for this example */
  73. .fakeimg {
  74.   background-color: #aaa;
  75.   width: 100%;
  76.   padding: 20px;
  77. }
  78. /* Footer */
  79. .footer {
  80.   padding: 20px;
  81.   text-align: center;
  82.   background: #ddd;
  83. }
  84. /* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
  85. @media screen and (max-width: 700px) {
  86.   .row {
  87.     flex-direction: column;
  88.   }
  89. }
  90. /* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
  91. @media screen and (max-width: 400px) {
  92.   .navbar a {
  93.     float: none;
  94.     width: 100%;
  95.   }
  96. }
  97. </style>
  98. </head>
  99. <body>
  100. <div class="header">
  101.   <h1>Informational Blog</h1>
  102. </div>
  103. <div class="navbar">
  104.   <a href="#">Home</a>
  105. </div>
  106.   <div class="main">
  107.     <h2>Blog</h2>
  108. <a href="https://jammuuniversity.in/">jammuuniversity.in</a>
  109. </div>
  110. </div>
  111. </body>
  112. </html>

-- cost 1 sec --
This page was generated by htmllint.cgi 1.28 / htmllint.pm 3.58
LWP 5.805 / CGI 3.15 / Jcode 2.07
1997-2009 © by k16@chiba.email.ne.jp