\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\uff0cjs\u3092\u5b9f\u884c\u3057\u3066\uff0chtml\u306b\u6587\u5b57\u3092\u5165\u308c\u308b\u30b5\u30f3\u30d7\u30eb\u3067\u3059<\/p>\n
<!doctype html>\r\n <html>\r\n <head>\r\n <meta charset=\"utf-8\">\r\n <title>test4<\/title>\r\n <link rel=\"stylesheet\" type=\"text\/css\" href=\"test4.css\" \/>\r\n <\/head>\r\n <body>\r\n \r\n<button type=button onclick=\"showtest1()\">\r\n\uff11\u3064\u3081\u306e\u30dc\u30bf\u30f3\r\n<\/button> \r\n\r\n<div id=\"1st\"><\/div>\r\n\r\n\r\n<button type=button onclick=\"showtest2()\">\r\n\uff12\u3064\u3081\u306e\u30dc\u30bf\u30f3\r\n<\/button> \r\n<div id=\"2nd\"><\/div>\r\n \r\n<script type=\"text\/javascript\">\r\n \r\n \r\n function showtest1(){\r\n\tvar mytxt = \"test1\";\r\n\tdocument.getElementById(\"1st\").innerHTML = mytxt;\r\n\t \r\n }\r\n\r\n\r\nfunction showtest2(){\r\n\tvar mytxt2 = '<a href=\"http:\/\/nantoka.filmm.info\/blog\/\">\u3072\u307f\u3064\u306e\u30da\u30fc\u30b8\u3078<\/a>';\r\n\tdocument.getElementById(\"2nd\").innerHTML = mytxt2;\r\n\t\r\n}\r\n \r\n \r\n <\/script>\r\n <\/body>\r\n<\/html><\/pre>\n\u3053\u306e\u30dc\u30bf\u30f3\u306fcss\u3067\u30c7\u30b6\u30a4\u30f3\u3057\u3066\u3044\u307e\u3059<\/p>\n
@charset \"UTF-8\";\r\n\r\nbody { \r\n background-color: #fff799; \r\n} \r\n\r\n\r\nbutton{\r\n \/* \u6587\u5b57\u30b5\u30a4\u30ba\u30921.4em\u306b\u6307\u5b9a *\/\r\n font-size: 1.4em;\r\n\r\n \/* \u6587\u5b57\u306e\u592a\u3055\u3092bold\u306b\u6307\u5b9a *\/\r\n font-weight: bold;\r\n\r\n \/* \u7e26\u65b9\u5411\u306b10px\u3001\r\n * \u6a2a\u65b9\u5411\u306b30px\u306e\u4f59\u767d\u3092\u6307\u5b9a *\/\r\n padding: 10px 30px;\r\n\r\n \/* \u6587\u5b57\u8272\u3092\u767d\u8272\u306b\u6307\u5b9a *\/\r\n color: #fff;\r\n\r\n \/* \u30dc\u30fc\u30c0\u30fc\u3092\u306a\u304f\u3059 *\/\r\n border-style: none;\r\n\r\n \/* \u30dc\u30bf\u30f3\u306e\u5f71\u306e\u6307\u5b9a\r\n * \u5f71\u306e\u6a2a\u5e45\u30922px\r\n * \u7e26\u9577\u30922px\r\n * \u307c\u304b\u3057\u30923px\r\n * \u5e83\u304c\u308a\u30921px\r\n * \u8272\u3092#666\uff08\u30b0\u30ec\u30fc\uff09\u306b\u6307\u5b9a *\/\r\n box-shadow: 2px 2px 3px 1px #666;\r\n -moz-box-shadow: 2px 2px 3px 1px #666;\r\n -webkit-box-shadow: 2px 2px 3px 1px #666;\r\n\r\n \/* \u30c6\u30ad\u30b9\u30c8\u306e\u5f71\u306e\u6307\u5b9a\r\n * \u5f71\u306e\u6a2a\u5e45\u30921px\r\n * \u7e26\u9577\u30921px\r\n * \u307c\u304b\u3057\u30922px\r\n * \u8272\u3092#000\uff08\u9ed2\uff09\u306b\u6307\u5b9a *\/\r\n text-shadow: 1px 1px 2px #000;\r\n\r\n \/* \u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306e\u6307\u5b9a *\/\r\n background: -moz-linear-gradient(bottom, #36d, #248 50%, #36d);\r\n background: -webkit-gradient(linear, left bottom, left top, from(#36d), color-stop(0.5, #248), to(#36d));\r\n}\r\n\r\nbutton:hover {\r\n \/* \u900f\u660e\u5ea6\u309220%\u306b\u6307\u5b9a *\/\r\n opacity: 0.8;\r\n}\r\ndiv {\r\n background-color:#ddeeff;\r\n margin:20px;\r\n padding:5px;\r\n border-radius:5px;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n box-shadow:0px 0px 0px 6px #aedaf2;\r\n -moz-box-shadow:0px 0px 0px 6px #aedaf2;\r\n -webkit-box-shadow:0px 0px 0px 6px #aedaf2;\r\n}\r\n\r\n\/* CSS Document *\/\r\n\r\n<\/pre>\n <\/p>\n
\u5b9f\u969b\u306e\u52d5\u4f5c\u306e\u69d8\u5b50<\/p>\n
http:\/\/filmm.info\/liub\/test4.html<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\uff0cjs\u3092\u5b9f\u884c\u3057\u3066\uff0chtml\u306b\u6587\u5b57\u3092\u5165\u308c\u308b\u30b5\u30f3\u30d7\u30eb\u3067\u3059 <!doctype html> <html> <head> <meta charset=”utf-8″ … \u7d9a\u304d\u3092\u8aad\u3080 \u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068Javascript\u3092\u5b9f\u884c\u3057\u3066HTML\u3092\u5165\u308c\u308b<\/span>