SGML HTML XML Markup Language Web HTML HTML SGML Standard Generalized Markup Language Markup Language DTD Document Type Definition XML SGML Markup Language HTML XML HTML XML JavaScript JAVA CGI HTML Web HTML Web Web P-1
HTML Web Web Web HTML Web Web Adobe Page Mill FrontPage Web Web sample1 index.html P-2
Web sample2 test.html Sample2 P-3
XML XML Web XML Markup Language element attribute <B><FONT SIZE="+4"> </FONT></B> element <FONT> SIZE= +4 SIZE +4 element name attribute attribute name attribute value P-4
<?xml version= 1.0 encoding= Shift_JIS?> XML XML XML 1.0 Shift-JIS XML < > <data> <id id="1"> </id> </data> <data> <id id="2"> </id> </data> <data> <id id="3"> </id> </data> <data> <id id="4"> </id> </data> </ > data id data id sample3 data.xml XML IE P-5
IE XML XML JAVA JavaScript P-6
JavaScript JavaScript <HTML> <HEAD> <TITLE> JavaScript</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> document.write(" JavaScript "); </SCRIPT> </BODY> </HTML> SCRIPT LANGUAGE JavaScript document.write JavaScript Sample4 data1.htm P-7
JavaScript HTML JavaScript <HTML> <HEAD> <TITLE> JavaScript</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> var A ; var B ; var C ; A = 3 ; B = 4 ; C = A+B ; document.write(c) ; </SCRIPT> </BODY> </HTML> Web sample4 data2.htm P-8
HTML <FORM></FORM> Web <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> function ButtonClick() { } document.write(" "); </SCRIPT> <FORM NAME="form1"> <P> <INPUT TYPE="radio" VALUE="radio" NAME="test" CHECKED="1"> <INPUT TYPE="radio" VALUE="radio" NAME="test"> </P> <INPUT NAME="name" TYPE="submit" VALUE=" " onclick='document.write(" ");'> </FORM> </BODY> </HTML> JavaScript Web IE sample5 form1.htm P-9
<HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> function radioset() { } if(document.form1.test[0].checked) {document.write("1");} else if(document.form1.test[1].checked) {document.write("2");} else {document.write("out");} </SCRIPT> <FORM NAME="form1"> <INPUT TYPE="radio" VALUE="radio" NAME="test" CHECKED>1<BR> <INPUT TYPE="radio" VALUE="radio" NAME="test" >2<BR> <INPUT NAME="name" TYPE="submit" VALUE=" " onclick="radioset()"> </FORM> </BODY> </HTML> IE IE P-10
XML JavaScript <HEAD> <TITLE>DISP</TITLE> </HEAD> <SCRIPT LANGUAGE="JavaScript"> function BClick() { str.innerhtml = "I am Narita, Yoshiya" ; } </SCRIPT> <BODY BGCOLOR="#ff8040"> <P> <CENTER> <FORM NAME="form1"> <HR> <TABLE WIDTH="450" BORDER="1" CELLSPACING="2" CELLPADDING="0"> <TR> <TD WIDTH="100%"> <CENTER> <FONT SIZE="+4"> <DIV ID="str"> Who are You?<br> </DIV> </FONT> </CENTER> </TD> </TR> </TABLE> <HR> <INPUT TYPE="button" VALUE=" " onclick="bclick()" > </CENTER> </BODY> </HTML> IE P-11
IE sample6 disp1.htm P-12
XML JavaScript <HTML> <HEAD> <TITLE>DISP</TITLE> </HEAD> <XML ID="xml" SRC="data.xml"></XML> <SCRIPT LANGUAGE="JavaScript"> function BClick() { str.innerhtml = xml.documentelement.childnodes.item(0).text ; } </SCRIPT> <BODY BGCOLOR="#ff8040"> <P> <CENTER> <FORM NAME="form1"> <HR> <TABLE WIDTH="450" BORDER="1" CELLSPACING="2" CELLPADDING="0"> <TR> <TD WIDTH="100%"> <CENTER> <FONT SIZE="+4"> <DIV ID="str"> Who are You?<br> </DIV> </FONT> </CENTER> </TD> </TR> </TABLE> <HR> <INPUT TYPE="button" VALUE=" " onclick="bclick()" > </CENTER> </BODY> </HTML> IE P-13
XML IE sample6 disp2.htm P-14
XML JavaScript XML XML JavaScript <HTML> <HEAD> <TITLE>DISP</TITLE></HEAD> <XML ID="xml" SRC="data.xml"></XML> <SCRIPT LANGUAGE="JavaScript"> function BClick() { var p; if (document.form1.ra[0].checked) {p=0 ; } else if (document.form1.ra[1].checked) {p=1 ; } else if (document.form1.ra[2].checked) {p=3 ; } else if (document.form1.ra[3].checked) {p=4 ; } else {p=0 ; } str.innerhtml = xml.documentelement.childnodes.item(p).text ; } </SCRIPT> <BODY BGCOLOR="#ff8040"> <CENTER> <FORM NAME="form1"> <HR> <TABLE WIDTH="500" BORDER="1" CELLSPACING="2" CELLPADDING="0"> <TR> <TD WIDTH="100%"> <CENTER> <FONT SIZE="+2"> <DIV ID="str"> <br> <br> </DIV> </FONT> </CENTER> </TD> </TR> </TABLE> <TABLE WIDTH="500" BORDER="1" CELLSPACING="2" CELLPADDING="0"> <TR> <TD><FONT SIZE="+1"> </FONT><INPUT TYPE="radio" NAME="ra"></TD> P-15
<TD><FONT SIZE="+2"> </FONT></TD></TR> <TR> <TD><FONT SIZE="+1"> </FONT><INPUT TYPE="radio" NAME="ra"></TD> <TD><FONT SIZE="+2"> </FONT></TD></TR> <TR> <TD><FONT SIZE="+1"> </FONT><INPUT TYPE="radio" NAME="ra"></TD> <TD><FONT SIZE="+2"> </FONT></TD></TR> <TR> <TD><FONT SIZE="+1"> </FONT><INPUT TYPE="radio" NAME="ra"></TD> <TD><FONT SIZE="+2"> </FONT></TD></TR> </FONT> </TABLE> <HR> <INPUT TYPE="button" VALUE=" " onclick="bclick()" > </CENTER> </FORM> </BODY> </HTML> IE Web Web sample7 test.htm P-16