Scribd
Upload
2 views

HTML

HTML, or Hypertext Markup Language, is the standard language used to create web pages, specifying their structure and format through various tags. Key tags include <DOCTYPE>, <HTML>, <HEAD>, <TITLE>, and <BODY>, each serving specific purposes in defining the document's content and layout. The document also covers creating lists, inserting images, hyperlinks, and tables, as well as styling text and backgrounds.

Uploaded by

xazefrejoka-5246
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
2 views

HTML

HTML, or Hypertext Markup Language, is the standard language used to create web pages, specifying their structure and format through various tags. Key tags include <DOCTYPE>, <HTML>, <HEAD>, <TITLE>, and <BODY>, each serving specific purposes in defining the document's content and layout. The document also covers creating lists, inserting images, hyperlinks, and tables, as well as styling text and backgrounds.

Uploaded by

xazefrejoka-5246
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
You are on page 1/ 12
What is HTML? HTML stands for hypertext text markup language. Its a language used to create web page. HTML Specify the structure and format of our web page. {x HTM, all the HTML term are called tags etc are enclosed in angle brackets, and such terms are called tags. For example the tag is used to indicate that a Web page is writen in HTML except some tags HTML tags have both opening and ending or closing tag. The closing tag is always the some as the opening tag, but with a/For examples 1. ; This tag is formally the fast tag of HTML document, It indicates the version of HTML used, 2. _ : It starts the HTML documents Surrounding everything also except the tag. 3. : It contains the head of an HTML DOCUMENT, WHICH HOLD INFORMATION ABOUT THE DOCUMENT, such as its title. 4, : It contains the title of the HTML document, which will appear in the web browser title bar and is used by search engines to refer to the document, Each <HEAD> element should include a <TITLE> element. The </TITILE element indicates that documents title browser The text in the <TITLE> elements is displayed in the browser title bar. 5, <BODY> Purpose: Contain the body of the HTML document, which include the Control that will actually appeer in the web browser. The entire content of the web page Is placed in the pages <BODY> element, Attributes: (2) _Bgcolor: The color of the page. (b) Background: The URL of a graphic file to be used in tiling the Browser Background, () __ Text: Color of the text in the document For example: <BODY Bgcolor=Red Text=green> <BODY Background= “C:\My Picture\ss.JPG"> HOW TO CREATE WEB PAGE In order to create web page through HTML, first we have to write the HTML tags on notepad and save in with a name having exemption. To save a HTML file we used HTML as an exception, ‘After saving the file, we have to open the file on a browser, for example Internet Explorer or Netscape Navigator. HTML is not a case sensitive language. So we can write the tags in upper or lower case. Example: ‘SHTML> ‘<HEAD> ‘TITLES Welcome to HTML ‘S/HEAD> ‘

Lets learn HTML

Setting Web Page color: ‘O There are two way to specify color in web pages that browser with recognize refer t Predefined color by name or by color values.
Computer
Color Values: Aqua=#00rt Black=#00000 Blue=0000F Fuchsia=ffOOft Gray=808080 Green=00800 Lime=00ff00 Maroon=#800000 Navy=000080 10, Olive=808000 12. Purple=800080 12. Red=#ff0000 13. Silver=#cOcOcd 14. Teal=#008080 15. White=#ffffff LON OMe 18. Codet Blue=#5F9EA0 19. Brown=#52A2A ~ 20. Burly wood=#DE8887 21. Chocolate=D2691€ | Coral=#FF7FFSO 23, Corn flow blue=#6495ED 24. Crimson=#0C143C 25. Dark Blue=#00008B 26. Dark cyan=#008B85 27. Dark Golden Rod=#BB88608 28. Dark Mag=#8B0088 29. Dark olive green=#556B2F 30. Dark orange=#FF8Coo 31, Dark red=#880000 Deep pink=wrF1493 é tas 33. Deep sky Blue=HO0BFFF s ie 34. Green Yellow=HADFF2F 35. khakieWFOE6BC Va } 36. Lavender=#e6E6FA : i 37. Orchid=#0A7006 j 38 Pale Goldens=HEEE8AA For example:- page 1 .

WelcometoHTML —_- 2

: Hcreates a heading in the web page, like a headline, using bold font and various sizes

j Creates the largest text and
the smallest. ; For example:- Welcome

GOD IS GOOD

GOD 1S GOOD

GOD IS GOOD

Gop 1s GooD
GOD IS GOOD
|
GOD IS GOOD
‘Some important tags:
Purpose: is a tag used to terminate a sentence in a line. P ee Set the text style to bold. Purpose: Underline text, Underiine Strikes Purpose: Display text in strikethrough style Wrong Purpose: Style text asa Subscript, H2 Purpose: Style text as a Superscript 2 nd Purpose: Emphasize text usually rendered as tales, Véntagec/em> Purpose: Emphasize text strongly usually rendered as bold, ‘Strong> introductionc/Strongs
Purpose: Center ts enclosed text in the web browser. Example: STITLE> A web page 7 STENTER>H2 WORKING WiTH Fonr, Purpose: Let you Select sixe, Code, and face, Attributes: a) Color: used to add color to the text. b) Face: itis used to change the font, Co) Size: it’s value range is 1 to 7 Example:- SHEAD> STITLES page JTITLES, ‘ Font Color="red” see 6" race “Ariat> Computer CREATING LIST Unordered List: Purpose: it creates an unordered list, surrounds lst hems attribute: Type- It specifies the type of the last items. For unordered Ist items. For unordored list three valued are available these are- DISC SQUARE, CIRCLE Purpose: It creates a list items to use in ordered or unordered list For example:- unordered list Here are some list of vegetables
  • potato
  • tomato
  • cabbage
  • beat
  • carrot
Ordered List:
    Purpose: It creates an ordered list. We used this element to surround list items, Attribute TYPE- It specifies the type of the items for ordered list we can set to A(Uppercase letters) aLowercase letters), | (Large Roman Numerals), | (Small Roman Numerals), or 1 (Default) (Numbering Scheme) Example:- < orders list Here are some list of fruits SOL TYPE. “any, st» Apple sts Mango Us Orange Guava SUS Pineapple jo» STITLES nesting likess/TITLE> Here are some list of flowers SULTYPEs "Squares Rose Daisy ‘ Marigold SULTYPEs “Circle*> Ub Lily Lotus sL> Water lity Sunflower Orchid fy Ll> Dise Space CO ROM Speed Purpose: I species a defi Inside a
    Element, Example:- Definition ‘ ‘
    computer
    computer is a electronic data processing device.
    mouse
    Mouse is a pointing device.
    Keyboard
    keyboard is a input device.
    Touchscreen
    Touchscreen is a input device.
    printer
    printer is a output device MORKING WITH IMAGE: Purposed: Insert an image into a web page a) ALIGN: Set the alignment of text, in LEFT, RIGHT, CENTER, TOP, BOTAN: ETC b) _ ALT- This attribute is used to specify text to be display in place of an image for browser that can not handle graphics disable. )__ BORDER- Set whether or not the image has a border, and ifso, how think the border is d) __SRC-It species the URL of the actual image to display. example: < Image ‘ 3 SIMG SRC= “part ofthe picture\title ofthe picture, Type of picture Border=2 align= “left/right [center”> dum™m> a + WORKING WITH MARQUEE: PURPOSE: Display Scrolling text in a"Marquee” Style, Attributes: i a) Align: 1. Top 2. Middle 3. Bottom b) Behavior: 1. Scroll 2.Slide 3. Alternate 4. Bounce ¢) Direction: 1. Left 2, Right 3. Down 4. Up _ ) © Bgcolor Set is ‘background color for the marquee box. “height=200 width=300" , ” pecolor= “Green” MARQUEE ALIGN="Top" loop= “infinite” Behavior= “bounce! Bgcol scrollamount= °2" direction:‘teft”> Welcome to the world of HTML ‘ A& IMAGE AND MARQUEE Page 2 's/TITLE> ‘</HEAD> <BODY> GMARQUBE)<IMG SRC= “location of picture/ttle of picture. Type of picture” “HEIGHT=100. WIDTH=80 ALT= "AN IMAGE” BORDER=5>qMARQUEE> PBODY></HTML> HOW TO USED PICTURES HYPERLINK Example: <HTML> <HEAD> “<TITLE> HYPERLINK “AN HOW TO INSERT TABLE Purpose: It creates a table, enclose element like ete Attribut Bgcolor- Sets the background color ike ETC Border- Sets the border width set to a pixel width Border color for the enter the table Cell padding- Sets the spacing between cell walls and cells controls ell spacing- Given the distance between cells{ and there for the width of the struts Between cells) 6. __Align Specifies the horizontal alignment of the table in the browser window, Set to Left x OR RIGHT. Purpose:- Specifies the data for a table used inside the element. Purpose:- It creates a row in a table enclose and elements. Purpose:- Creates a table heading guest table heading guest table date, but usually Bold and entered vertically and horizontally. ‘Purpose: Specifies the date for a table cell used inside the element. ‘bgcolor= pink-border-color= green border=2 cellspacing=2 cellpabing mm : __ Passwords controls () : i ks in it. Gs controls (Assam |ON>Arunachal Pradesh ON>Andhre Pradesh
    5
    -yPE=RADI ‘SEX:MALEFEMALS 3
    Qualification:

    DCAcINPUT TYPE= "CHECKBOX"> DOEACCO level MSC (COMP.SC)


You might also like