1 / 16

تقنيات الانترنت عال457 HTML

تقنيات الانترنت عال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>.

Download Presentation

تقنيات الانترنت عال457 HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. تقنيات الانترنتعال457HTML

  2. HTML • HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web. HTML is a text formatting language.

  3. Tags • Codes enclosed in brackets • Usually paired <TITLE>My Web Page</TITLE> • Not case sensitive <TITLE> = <title> = <TITLE>

  4. Creating a Basic Starting Document <HTML> <HEAD> <TITLE>internet technology</TITLE> </HEAD> <BODY> This is internet technology course. </BODY> </HTML>

  5. <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

  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>

  7. <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>

  8. <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>

  9. 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.

  10. Alignment • <CENTER></CENTER> Will center elements.

  11. 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">

  12. LINK <AHREF="http://www.yahoo.com">yahoo</A>

  13. 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>

  14. Style <P style=“color:blue; text-align:right; font-size:28”> internet technology </P> ---------------------------------------------------------------------- internet technology

  15. 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>

  16. 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

More Related