htmlbasictutor.ca - Paragraph Tag

Paragraph Tag

Htmlbasictutor.ca Spined HTML

Paragraph Tag Paragraph Tag The paragraph tags are used to pinpoint a woodcut of text as a paragraph. This HTML element is one of the vital HTML tags you should learn to use properly. When a woodcut of text is surrounded by the paragraph tags, the browser automatically adds white space surpassing and without the paragraph. Using the Paragraph Tag To pinpoint a paragraph, you use the opening and latter paragraph set of tags. Prior to XHTML the latter paragraph tag was not required but it is now.Unelevatedis an example of how to lawmaking a paragraph. <p>The contents of the paragraph.</p> Notice in the example whilom that the paragraph tag is opened and closed. This is required for XHTML. Lower specimen is moreover required for XHTML. If you are using a HTML editor in diamond view and hit the enter key to create space unelevated the paragraph like this: <p></p> It is ignored by the browser therefore this is only bloating your lawmaking with unnecessary coding. Use a style unromantic to the paragraph if you want uneaten space without it or if this is what you want as the formatting for all paragraphs, wield some margin or padding to the p tag in your stylesheet. Another thing some web coders and HTML editors do is a empty paragraph to create space like this: <p>nbsp;</p> Again, if you want space without the paragraph use your stylesheet instead of clogging up your coding with uneaten coding just for formatting. You may notice that your HTML editor breaks up the content of your paragraph over several lines (known as source formatting). <p>The paragraph tag has a few vital nature you should learn well-nigh to start with.</p> Those line breaks are ignored by the browser. It just makes your coding easier to read. Also, if you have uneaten spaces in between your words the browser ignores that also. The width of your paragraph depends on the contents of the paragraph and if you have unromantic any specific styling to the paragraph tag. Generally, the contents spritz with the width of the browser window. You can try it by grabbing the marrow right corner of your browser window with your mouse and moving it up and to the left. If you tried this you will see that the contents of this page adjusted with the size of the browser window. Paragraph TagNatureThe paragraph tag has a few vital nature you should learn well-nigh to start with. id - this has to be unique to the page. An id can be used on multiple pages but only once on a single page. An id can be used in the stylesheet to set specific formatting to the paragraphs with this id. matriculation - A matriculation is used to wield styling to the paragraph. It can be unromantic to many paragraphs on the page or wideness the whole website. lang - defines the language used in the paragraph. You would use this if the contents of the paragraph is variegated from the wiring language of the web page. e.g. French when the rest of the page is in English. style - The style symbol is used when you want to wield specific styling to a paragraph. Novice web page coders and some HTML editors do this when using the diamond view of the HTML editor like a word processing program. This adds unnecessary coding to the web page as this is a typical styling it can be unromantic using the stylesheet. Using the style symbol of the paragraph tag makes it nonflexible to manage the editing of the website considering in the future if you want to transpiration the styling you have to venery lanugo every instance of that inline style in all the pages. This can be quite a bit of work if you have a large site. We would recommend that you try and stave using this paragraph tag symbol all together but if you veritably have to use it, use it very few times. Note: the uncurl symbol for the paragraph tag has been deprecated and you are to use your stylesheet instead to format the structuring of the paragraph tag contents. Those are the most worldwide paragraph tag nature you will need to know. The paragraph tag moreover has events associated with it. Paragraph Tag Events Paragraph tag events are things that happen when the mouse does something or a key on the keyboard is pressed. The event is unromantic using a script. The most vital script associated with paragraph tag events is Javascript. Events for the paragraph tag include: Paragraph Mouse Events Paragraph mouse events happen when the visitor moves, presses or releases the mouse button. onclick - when the visitor clicks on the paragraph ondblclick - when the visitor double clicks on the paragraph onmousedown - when the mouse sawed-off is pressed lanugo over the paragraph onmousemove - when the mouse cursor is moved onmouseout - when the mouse cursor is not over the paragraph onmouseover - the mouse cursor is hovering over the paragraph onmouseup - the mouse sawed-off is released when over the paragraph Paragraph Keypress Events Paragraph keypress events occur when unrepealable keys are used on the keyboard. onkeydown - when a key on the keyboard is pressed lanugo onkeypress - a unrepealable key on the keyboard is pressed and released onkeyup - when the key on the keyboard is released. Notice that whilom all the event names are in lower specimen above. In previous editions of the HTML standards the specimen of the event name was mixed but as of HTML 4.01 (which forms part of XHTML) this was reverted to all lower case. We have covered the nuts of the paragraph tag in this article. For increasingly wide information well-nigh the paragraph tag visit: HTML <p> Tag - w3schools Paragraphs: the P element - HTML 4.01 Specification If you found this web page a useful resource for your own website please link as follows: Your browser does not support javascript or you have this full-length turned off. The page title was here. The paragraph tags are used to pinpoint a woodcut of text as a paragraph. This HTML element is one of the vital HTML tags you should learn to use properly. URL:   The location of this page within our site was here. This site uses JavaScript. Your browser does not support Javascript or you have this full-length turned off. Search Search:  Results per page: 10 20 100 Match: any search words all search words Subscribe  RSS Feed HTMLVitalTutor on Twitter HTMLVitalTutor SiteVitalHTMLLawmakingArticlesVitalHTMLLawmakingTips WebDiamondTutorials WebDiamondTutorial Videos WebDiamondResources Website Building Tools SEO Techniques Latest ArticlesScuttlebuttTag The scuttlebutt tags are used to insert comments, hibernate scripts from browsers and for testing web page errors. Computer BasicsVitalcomputer skills for web design. Internet BasicsVitalInternet skils for web design. Non-Breaking Space What the non-breaking space HTML coding is, how to use it and when not to use it. Our Sites & Blogs WebDiamondeBooks ComputerNutsWebsite Checklist Web Page Mistakes HomeWell-nighUs Contact Us Link to Us Site Map © Copyright 2004 - 2018 HTMLVitalTutor All rights reserved.  Privacy Policy HTMLVitalTutor owned and operated by SRT Services Group of Websites Mailing address: #108 10698 151A Street, Surrey, British Columbia, Canada 604 619 4945 Site diamond and maintenance by Accrete Web Solutions