7_ICT_Refrence+Material.pdf

DPSGS/24-25/7/ICT/UI 1 Name: _______________________________________ Grade: ___________________Section: ____________ School: _________________________________________ “WEB DESIGNING WITH HTML”...

DPSGS/24-25/7/ICT/UI 1 Name: _______________________________________ Grade: ___________________Section: ____________ School: _________________________________________ “WEB DESIGNING WITH HTML” ICT UI 1 GRADE-7 ____________________________________________________________________________________ INTRODUCTION: HTML (or Hypertext Markup Language) is a programming language used to create web pages. HTML is a relatively easy programming language to learn, which makes it a great place for kids to start with coding in general or as another language to add to their repertoire. There’s no fixed number of how many HTML tags exist. Based on the web development program being used, however, that number usually lies between 80 and 150. HTML Documents = Web Pages STRUCTURE OF HTML: Note: HTML is not case sensitive. is equivalent to or.If you want to prepare yourself for the next generations of HTML you should start lowercase tags. TAGS IN HTML HTML markup tags are usually called HTML tags  HTML tags are keywords surrounded by angle brackets like  HTML tags normally come in pairs like and  The first tag in a pair is the start tag, the second tag is the end tag The BODY section holds most of the actual coding seen or used on the web page. The BODY tag itself has properties and values that determine how the page is going to be viewed. BGCOLOR Background COLOR. TEXT TEXT color. By default, most browsers will show a white background with black text. HEADING TAGS There are 6 sizes to the header tag. 1 being the largest, 6 being the smallest. This example shows the different sizes that can be created: PARAGRAPH TAGS Tag: The tag defines a paragraph. Browsers automatically add a single blank line before and after each element. HTML FORMATTING TAGS Formatting elements were designed to display special types of text: The most used formatting tags are very simple: Bold The element indicates that all characters between the staring and the ending tagwill appear in BOLD. Italics The element indicates that all characters between the starting and the ending tag will appear in Italics. Underline The element indicates that all characters between the staring and the ending tagwill appear in underline. Typewriter Text The element indicates that all characters between the staring and the ending tag will appear in typewriter style font or in teletype font. Strikeout The element indicates that all characters between the staring and ending tag will appear strikeout i.e. with a line through them. Few More formatting Text:  - Important text  - Emphasized text  - Subscript text  - Superscript text Now that the text is in place, you can add some formatting tags. These tags allow you to showyour text in different ways. HORIZONTAL RULER AND LINE BREAK This is used to draw a horizontal line across the page. The horizontal rule is a pretty useful effect. Horizontal This is a quick, nearly painless way of throwing in a section divider.HR tag has various LINE BREAK : The HTML tag defines a line break. Unlike the tag defining a paragraph, an empty indent is not added before the line. The tag is used to enter line breaks. It is useful for writing addresses, poems or song lyrics. USING FONT TAG The FONT tag is another text formatting feature. It allows you to adjust the size and color ofyour text.The properties of a FONT tag are: A number 1 to 7 for height and thickness. Using a + or a - before the number will SIZE adjust the size against the default. COLOR A hex number set for color or Color name. FACE Use to change the font type. Normal text size is 3.  This text is red and size 5. USING IMAGE TAG : Image Tag has the below 2 important attribute:  src - Specifies the path to the image  alt - Specifies an alternate text for the image  IMG stands for “image”. It announces to the browser that an image will go here on the page.  SRC stands for “source”. This attribute tells the browser where to go to find the image. Image.gif is the name of the image. Please Note: To Find the location of the image. Right click on the image --> Select properties --> copy the file location --> paste the location in the image tag then put the \ write the file name.file type. SAMPLE CODE MY PAGE THIS IS MY FIRST PAGE, I AM FOND OF HTML