Survey
* Your assessment is very important for improving the workof artificial intelligence, which forms the content of this project
Download Introduction to Hypertext Markup Language
Transcript
Web Page Design _____________________________________________________________________ Introduction to Hypertext Markup Language Comments Comments in HTML are placed inside <!---- this is a comment --> tags. Paragraph Tag <P> </P> tags form one paragraph. This paragraph will be set apart from all other material on the page by a line of vertical space both before and after the paragraph. Header Tags Headers are a simple form of text formatting that vary text size based on the header “level”. The six header elements (H1 through to H6) are used to delineate new sections and subsections of a page. For example, <H1> Largest Header Tag </H1> Center Text <CENTER> introduces the CENTER element which causes all the material between the <CENTER> and </CENTER> tags to be centered horizontally in the browser window. Text Styling In html, text can be highlighted with bold, underline and/or italic style. <U> will underline text </U> <EM> will emphasise text, also known as italic </EM> <STRONG> This text will appear bold </STRONG> Linking The most important capability of html is its ability to create hyperlinks to document elsewhere. In html, both text and images can act as anchors to link to other pages on the Web. <A HREF=”address”> Links are inserted using the A (anchor) elements. The location may be any accessible page, file or email URL. For example, <A HREF=”http://www.lyit.ie”> Go to Letterkenny IT</A> <A HREF=”mailto:[email protected]”> Edwina’s email address</A> To specify the address you would like to link to, insert the HREF attribute into the anchor tag as above. Computer Applications Web Page Design _____________________________________________________________________ Images & Colour Html can also incorporate images into a page. Attributes can be added to the BODY tag to set certain characteristics of a page. The BACKGROUND attribute can consist of an image or a colour. To use an image as a background include the attribute BACKGROUND =”filename” inside the opening <BODY> tag. For example, <BODY BACKGROUND=”Background.gif”> To use a solid colour as a background to your page, use the following syntax; <BODY BGCOLOR =”BLUE”> This is similar to using an image, but the difference is we use a solid background colour. Because of this, the attribute name is BGCOLOR instead of BACKGROUND. To indicate the colour for your background, you can either use a preset colour name, or you can use a hexadecimal code to tell the browser what colour you want to use. All hexadecimal colours are composed of varying shades of red, green and blue (RRGGBB). The hexadecimal sequence is from 0 – F. 0 represents the weakest shade of colour and F represents the strongest shade of colour. For example, “#FF0000” is Red “#00FF00” is Green “#0000FF” is Blue “#000000” is Black “#FFFFFF” is White <BODY BGCOLOR=”#0000FF”> Inserting images into your Web page To insert an image into your web page, you use the <IMG> tag. For example, <IMG SRC =”button.gif”> This image tag uses the “src” attribute to specify the location of the graphic. Computer Applications
