190 likes | 412 Views
تقنيات الانترنت عال457 HTML. HTML. HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web. HTML is a text formatting language. Tags. Codes enclosed in brackets Usually paired <TITLE> My Web Page </TITLE> Not case sensitive <TITLE> = <title> = <TITLE>.
E N D
HTML • HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web. HTML is a text formatting language.
Tags • Codes enclosed in brackets • Usually paired <TITLE>My Web Page</TITLE> • Not case sensitive <TITLE> = <title> = <TITLE>
Creating a Basic Starting Document <HTML> <HEAD> <TITLE>internet technology</TITLE> </HEAD> <BODY> This is internet technology course. </BODY> </HTML>
<HTML> <HEAD> <TITLE> Example Page</TITLE> </HEAD> <BODY> <H1> Heading 1 </H1> <H2> Heading 2 </H2> <H3> Heading 3 </H3> <H4> Heading 4 </H4> <H5> Heading 5 </H5> <H6> Heading 6 </H6> </BODY> </HTML> Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6
<HTML> <HEAD> <TITLE> Example Page</TITLE> </HEAD> <BODY><H1> Heading 1 </H1> <P> Paragraph 1, ….</P> <H2> Heading 2 </H2> <P> Paragraph 2, ….</P> <H3> Heading 3 </H3> <P> Paragraph 3, ….</P> <H4> Heading 4 </H4> <P> Paragraph 4, ….</P> </BODY> </HTML> Heading 1 Paragraph 1,…. Heading 2 Paragraph 2,…. Heading 3 Paragraph 3,…. Heading 4 Paragraph 4,…. Paragraphs, <P> </P>
<HTML> <HEAD> <TITLE> Example </TITLE></HEAD> <BODY> <H1> Heading 1 </H1> <P>Paragraph 1 <BR> Line 2 <BR> Line 3 <BR>…. </P> </BODY> </HTML> Heading 1 Paragraph 1 Line 2 Line 3 …. Break, <BR>
<HTML> <HEAD><TITLE> Example </TITLE> </HEAD> <BODY> <H1> Heading 1 </H1> <P>Paragraph 1 <BR> Line 2 <BR> <HR>Line 3 <BR> </P> </BODY> </HTML> Heading 1 Paragraph 1,…. Line 2 _____________________ Line 3 Horizontal Rule, <HR>
Bold, Italic, Underline • <B> Bold </B> • <I> Italic </I> • <U> Underline </U> • <STRIKE> strike text</STRIKE> • <EM> Emphasis </EM> SomeBrowsers display this as italics. • <STRONG> STRONG </STRONG> SomeBrowsers display this as bold.
Alignment • <CENTER></CENTER> Will center elements.
Images • <IMG> add image to the page. • SRC (source):location of the image • ALIGN (Alignment):This allows you to align the image on your page. • WIDTH (Width): is the width of the image in pixels. • HEIGHT (Height): is the height of the image in pixels. • Examles: 1) <IMG SRC="aaa.gif“> 2) <IMG SRC="aaa.gif“ width="60" height="60">
LINK <AHREF="http://www.yahoo.com">yahoo</A>
Tables <table border=“1”> <tr> <th> Title </th> <th> Title </th> </tr> <tr> <td> Java </td> <td> Internet </td> </tr> <tr> <td> C++ </td> <td> Oracle </td> </tr> </table>
Style <P style=“color:blue; text-align:right; font-size:28”> internet technology </P> ---------------------------------------------------------------------- internet technology
Text Box غير داخل في الاختبار <HTML> <HEAD><TITLE>Form_Text_Type</TITLE></HEAD> <BODY> <h1> <font color=blue>Please enter the following Data</font></h1> <FORM name="fome1" Method= " get " Action= " URL " > First Name: <INPUT TYPE="TEXT" NAME="FName" SIZE="15" MAXLENGTH="25"><BR> Last Name: <INPUT TYPE="TEXT" NAME="LName" SIZE="15" MAXLENGTH="25"><BR> Nationality: <INPUT TYPE="TEXT" NAME="Country" SIZE="25" MAXLENGTH="25"><BR> The Phone Number: <INPUT TYPE="TEXT" NAME="Phone" SIZE="15" MAXLENGTH="12"><BR> </FORM> </BODY> </HTML>
Main Colours غير داخل في الاختبار WHITE BLACK RED GREEN BLUE MAGENTA CYAN YELLOW AQUAMARINE VIOLET BRASS COPPER PINK ORANGE #FFFFFF #000000 #FF0000 #00FF00 #0000FF #FF00FF #00FFFF #FFFF00 #70DB93 #9F5F9F #B5A642 #B87333 #FF6EC7 #FF7F00