Unlike Notepad++ which does not support WYSIWYG formatting, BlueGriffon provides a wide selection of formatting tools to help build web pages. I am going to create this simple web page in a free tool called BlueGriffon. But what if you were using another HTML editor other than Notepad++ or Notepad? Well, let’s see. With a little knowledge of HTML formatting, these issues can be easily fixed. Notepad++ as well as the version of Notepad that comes with Windows strips out most special style formatting from text copied from the clipboard. Also, text that was bold, italic, and a larger size has lost the formatting defined in Word. However, when I look at the page now, I notice several things.įirst, the apostrophe in the word, “Don’t” appears to have been replaced with a series of unexpected characters even though it appeared fine in the source file. HTML ignores white space (carriage/line returns). Otherwise, HTML would attempt to display the new content immediately after the exclamation mark in the first line. Then returning to the web page opened within Notepad++, I paste the text as shown in the figure below.Īfter pasting the copied content, I added two more tags, and to define the text as a separate paragraph. I select the text, and copy it to the clipboard. Notice that some of the content has been formatted in Word adding bold and italic styles to some words and making some words appear larger and perhaps in a different font. (Or perhaps if I have been lucky and others created the content for me in Word.) Let’s assume that the paragraph below is a portion of the content I received from a colleague. Because I am familiar with Microsoft Word, I may choose to create that content there. Now, suppose I want to add another paragraph to this content. In fact, the following figure shows this file selected in File Explorer. For simple files, you can even use Microsoft’s File Explorer (which in some ways is also a browser but does not display all formatting tags properly). Therefore, the text: ‘Hello readers!’ appears when displaying this page within a browser. The pair define all content that appears on the page. The tag pair define metadata about the page including the page title which, when present, appears in the window header. The tag pair define the page’s start and end. Without turning this into an HTML class, let me just summarize what is going on in this file. (Nesting of tags is another important topic for another day.) Tag pairs can appear sequentially such as and or nested such as and found within the tag pair. The closing tags like, , and define the close of a segment. The opening tags like, , and define the start of a segment. Some tags like and do not require pairs, but that is a story for another time. They define segments of the document and are almost always found in pairs. The maroon text in angle brackets is called tags. I am going to begin by creating a simple web page with a free text editor, Notepad++, which allows me to create and edit a variety of text documents including HTML files.įor those of you who may not be familiar with HTML coding, this short 9-line file defines a simple but complete web page. Today I am going to show you that this may or may not cause bloating in your website and may even introduce code that is not ADA compliant. I have known many people who create their content using Microsoft Word and then simply cut and paste the content into their web pages. If you have been fortunate enough to be designated as the content editor for your company’s website (or a site you own), you probably find yourself in the position of adding content to your web pages.
0 Comments
Leave a Reply. |