Its all about, that the text now you have created your first page we see how you can change the format of your page to fit your specific needs. Most of the examples which I will write, will be without all <HTML> and <BODY>. It may be best to create a template, so you are not writing to create the basic structure over and over again. All examples in this section shall be placed in the body section. We will create paragraphs, headings, changing the format and size of the text HEADINGS industries are mainly for the tracks on the sides and other places where you want the text to be too large and distinguished used. Branches are located in the order of up <H1> <h6>. We will create an example so that you can see the size of the headlines. This may be useful as it may be well to keep as a reference for the future, until you get to what size you want when it used items. Task, we create an example so that you can see the size of the headlines. Open a new Notepad file and type the following HTML <HEAD> <TITLE> Heading sizes </ TITLE> </ HEAD> <BODY> <H1> Heading size 1 </ h1> < ; H2> Heading size 2 </ H2> <H3> Heading Size 3 </ h3> <h4> Heading size 4 </ H4> <h5> Heading Size 5 </ h5> <h6> ; Heading Size 6 </ H6> </ BODY> </ HTML> How have you on the first page you have created to File / Save As, and in the web design book that you create folders to save this file as headingsizes. htm. If you double-click the new file you have created, have a new browser window opens and you are 6 different lines, see 6 different sizes represented. Spacing Line spacing is done with the tag <BR>. The day <BR> basically creates a blank line in your text. Example (try this if you like) Put the following in the section <BODY> a new website. My name is Freddy <BR> I fancy a curry <BR> But they give me gas <BR> If correct, you should have a website where all these lines are split up to see some have done more than other areas . Remember, every <BR> inserts a blank line. <BR> Is also one of the rare times you do not need the day than all of them is the insertion of a line, so there is no need for him to close with </ BR> When you type a space in sentences and close to do between the words, it is always counted as a space. You could say, for example: Hello my name is Freddy. The browser gives it an output like this: Hi my name is Freddy. As you can see all rooms entered must be taken away. It is a way to avoid this, you can use the <PRE> day, to render the text in your browser, just as you enter it, but always remember the day after closing </ PRE>. Horizontal lines Have you ever wondered how people did the horizontal lines across the screen like me to do, you will be amazed at how easy that is used. <HR Color=”red”> That’s all there is to it. You can paint it whatever you want to change. Note also that color is the American way wrote! Go ahead, try it in your position size document. Put the above code into the Body section below any code you already have. If you use Internet Explorer to see a red line. In other browsers it may be gray. Text alignment can be adjusted in various ways left, right, center and justified (The text is aligned on each page, the text on both sides). Alignment can be applied to <H> day and can be applied to the <P>. The <P> is something we have not yet seen. The P stands for principle paragraph. So, if you have a block of text you have to start at bottom with <P> then write your paragraph, then close the day with </ P>. It is further understood <P> in the exercise but now we are with the <H> day that we cover since the beginning. As a scenario, say we wanted a big title at the top of the page, “said products have”. But we did not want on the left side of the page we wanted it right in the middle of the page we have the following items <H1 ALIGN=”center”> </ H1> Use Please note that HTML in each center code is written to the American way. I have the code I have just put in. formatting is highlighted in the opening tag of any kind in general. We say what we can do it, who want to ALIGN is we say we want the center, by = “center align”. As you can see where we want to judge them is to put in double quotes. This would do exactly what we want and set the header in the middle of the page. There are also two other types of alignment, turn out to be useful. You can also align text or positions up or down with VALIGN. Valign stands for “Vertical Alignment”. This can not, as it could have any use at the moment, but as you progress you find this useful sound. I will not go into details, but I guarantee you use them at any given time, so you remember that the example here it is. <H1 Valign=”top”> Test </ H1> – This depends on the location of the top of the page or table cell. <H1 Valign=”bottom”> Test </ H1> – This depends on the location of the bottom of the page or table cell. The now time for some practical exercises. Enter the code below into a new Notepad document: <HEAD> <TITLE> text and heading Alignment </ TITLE> </ HEAD> <BODY> <H1 ALIGN=”center”> This central </ H1 aligned> <p align=”left”> <BR> This is a paragraph that is left-aligned on the page. The first letter of each line appears under the first letter of the previous line. You may need to add more text than that shown on its actual impact. I just can you eat in a high resolution of your page a lot of letters before going to a new line </ p> <p align=”right”> This is a paragraph that is aligned to the right of the page has. The Last Letter appears under each line and level with the last letter of the previous line. You may need to add more text, as this can be seen on its actual impact. I just can you eat in a high resolution of your page a lot of letters, before it’s in a new line to go </ p> <p align=”justify”> This paragraph is justified to the side, which meant that the first and last letters of each line will appear after the first and last letters of the previous line. We put a lot of text in this part must be relatively long as this paragraph to have been justified to show the effects of a paragraph, though, is when you open this file to add all of this text on a line or two more text until about 4 lines of text and you can see the results. The weather is cold here today and I am always writing sentences that does not really make sense and im so tired, bored it all the more worse. Ok maybe I should go do it better and see if it is long enough </ P> <BODY> <html> As you can see we have a bit of everything we have learned in here . We have a position that is then hosted a line space. We align paragraphs that are closed in different ways and> end tag with the </ P. Text formatting To conclude this section we on the different styles can look like the text and have the different fonts you can use to have. How in programs such as Word format text bold or italic or underlined to make a combination, Bold, Bold Underlined This may occur through the following tags <i> you will be done <B> italics is the text <fat; U> , will highlight the text you have to remember off the tags when you do not want the text as I want this part <B> Bold bold </ b> I do not want this part bold you can try this by setting the above code into a test file, or in any of the files that you have already created and see the results. How different fonts you are probably aware of the use of other programs such as word processors, are a variety of fonts available. HTML offers the possibility to choose what font you want to tag using the <FONT>. If you do not specify a font in your code will choose the default font is always something in the browser options. The <FONT> day, you can also specify a font size in contrast to the <H> day, you have a choice of 1-7. In the following example I have selected the font size of papyrus and a fifth <FONT FACE=”papyrus” size=”5″> This papyrus is size 5 </ FONT> The following would be me: This is Papyrus Size 5 Try it out for yourself and experiment with different fonts and sizes of faces . Always remember, you close the font tag if you want to use the font. Below is an exercise to try to serve you, you will have learned. Have fun and see what you can do … Exercise create a page with a position in the largest size possible position on any topic you want a left-justified paragraph that about three lines long, and is bold. 3 or 4 line spaces have a different paragraph, is justified and a different font and size to the first paragraph of three or four more lines the rooms have a third and final paragraph. This paragraph has again a different font and size to be the first two, they should have one of the first sentence in the second sentence in italics, and the third in bold. When you save the file as mysecondpage ready. htm and your hard work in your browser, it is for that section. Have your own practice and look over the examples again, if you are still uncertain. If you are confident you can continue to section 3
Guide to basic web design – Intro and Chapter 2 (Headings, Alignment Formatting)
Developer of 7 years and founder of CA Development – Web design and Web application design and development, and customized software solutions and professional activities.