Nov 30, 2019

Insert a Line in HTML

←Older revision Revision as of 00:20, 1 December 2019
Line 13: Line 13:
 
<li>Click '''Open'''</li>
 
<li>Click '''Open'''</li>
 
</ul></li>
 
</ul></li>
<li>Select the point at which you want to insert the line. Scroll down until you find the line above which you want to insert the line, then click the far-left side of the line to place the cursor directly before the line's start.[[Image:658928 2 1.jpg|center]]
+
<li>Select the point at which you want to insert the line. Scroll down until you find the space above which you want to insert the line, then click the far-left side of the line to place the cursor directly before the line's start.[[Image:658928 2 1.jpg|center]]
 
</li>
 
</li>
<li>Create a blank space. Press twice to move down the text above which you want to enter the line, then move the cursor up to the blank space.[[Image:658928 3 1.jpg|center]]
+
<li>Press twice to create a blank space.  This moves down the text above which you want to enter the line.[[Image:658928 3 1.jpg|center]]
 
</li>
 
</li>
<li>Add the <nowiki>"<hr>"</nowiki> tag. Type into the space before the line begins. The '''<nowiki><hr></nowiki>''' tag is responsible for creating a horizontal line across the entire page.[[Image:658928 4 1.jpg|center]]
+
<li>Move the cursor back to where you want to add a line.  Simply click, or use the arrow keys on the keyboard to move the cursor back to where you want the line to go.
  +
<li>Type into the space before the line begins. The "<nowiki><hr></nowiki>" tag is responsible for creating a horizontal line across the entire page.[[Image:658928 4 1.jpg|center]]
 
</li>
 
</li>
<li>Move the line in front of the "hr" tag onto a new line. Press to do so. At this point, the '''<nowiki><hr></nowiki>''' tag should be on its own line.[[Image:658928 5 1.jpg|center]]
+
<li>Press to place the "<nowiki><hr></nowiki>" on it's own line. At this point, the '''<nowiki><hr></nowiki>''' tag should be on its own line with no other code to the left or right of it.[[Image:658928 5 1.jpg|center]]
 
</li>
 
</li>
 
<li>Add attributes to the horizontal line (optional).  You can add attributes to a horizontal line, such as length, width, color, and alignment.  Use the following codes after "hr" in the code bracket.  You can add more than one attribute in a bracket by separating them with a space.<ref>http://www.myhtmltutorials.com/line.html</ref>[[Image:658928 6 1.jpg|center]]     
 
<li>Add attributes to the horizontal line (optional).  You can add attributes to a horizontal line, such as length, width, color, and alignment.  Use the following codes after "hr" in the code bracket.  You can add more than one attribute in a bracket by separating them with a space.<ref>http://www.myhtmltutorials.com/line.html</ref>[[Image:658928 6 1.jpg|center]]     
Line 27: Line 28:
 
<li>Type to change the color of the line.  
 
<li>Type to change the color of the line.  
 
Replace # with the name of a color or hexadecimal code (i.e color="red" or color="#FF0000")</li>
 
Replace # with the name of a color or hexadecimal code (i.e color="red" or color="#FF0000")</li>
<li>Type to align the line.  Replace # with "right", "left", or "center" (i.e ).</li>
+
<li>Type to align the line.  Replace # with "right", "left", or "center" (i.e align="center"></nowiki>}}).</li>
 
</ul>  </li>
 
</ul>  </li>
 
<li>Save your HTML file.  To save a text file as an HTML document, you need to replace the file extension (.txt, .docx) with ".html".  Use the following steps to save your HTML document: [[Image:658928 7 1.jpg|center]]
 
<li>Save your HTML file.  To save a text file as an HTML document, you need to replace the file extension (.txt, .docx) with ".html".  Use the following steps to save your HTML document: [[Image:658928 7 1.jpg|center]]
Line 34: Line 35:
 
<li>Click '''Save As'''.</li>
 
<li>Click '''Save As'''.</li>
 
<li>Type a name for the file next to "File name". </li>
 
<li>Type a name for the file next to "File name". </li>
<li>Type at the end of the file name. </li>
+
<li>Type ".html" at the end of the file name. </li>
 
<li>Click '''Save'''.</li>
 
<li>Click '''Save'''.</li>
 
</ul></li>
 
</ul></li>
Line 72: Line 73:
 
<ul>
 
<ul>
 
<li>Type at the top of the document.</li>   
 
<li>Type at the top of the document.</li>   
<li>Press twice to add two new lines.  </li>
+
<li>Press the '''Enter''' twice to add two new lines.  </li>
 
<li>Type to close the head.  </li>
 
<li>Type to close the head.  </li>
 
</ul></li>
 
</ul></li>
 
<li>Type in the head.  The style tag goes in between the two head tags.  This creates a place where you can input CSS code to style your HTML.[[Image:658928 11 1.jpg|center]]
 
<li>Type in the head.  The style tag goes in between the two head tags.  This creates a place where you can input CSS code to style your HTML.[[Image:658928 11 1.jpg|center]]
 
<ul>
 
<ul>
<li>Alternatively, you can use an external style sheet.  Read [https://ift.tt/2HlFXe2Add-a-CSS-File-to-HTML "'''How to Add a CSS File to HTML'''"] to learn how to link an external CSS file to your HTML file.</li>
+
<li>Alternatively, you can [[Add-a-CSS-File-to-HTML|use an external style sheet]] for your HTML..</li>
 
</ul></li>
 
</ul></li>
 
<li>Type .  This is the CSS tag for styling your horizontal line.  Add this after this style tag in your head, or in your external CSS file. [[Image:658928 12 1.jpg|center]]</li>
 
<li>Type .  This is the CSS tag for styling your horizontal line.  Add this after this style tag in your head, or in your external CSS file. [[Image:658928 12 1.jpg|center]]</li>


from wikiHow - Recent Changes [en] https://ift.tt/2q8Agsv
via IFTTT

No comments:

Post a Comment