HTML Tutorial: HTML horizontal line segment
|
<br />This tag can display a horizontal line on the screen to separate different parts of the page. <HR> has three attributes: size: The width of the horizontal line width: The length of the horizontal line, expressed as a percentage of the screen width or in pixels align: The alignment of the horizontal line, which has three types: LEFT RIGHT CENTER noshade: The line segment has no shadow attribute, and is a solid line segment. We can use several examples to illustrate the usage of this line segment: Setting line thickness <HTML> <HEAD> <TITLE>Setting line thickness</TITLE> </HEAD> <BODY> <P>This is the first line segment. No size is set. The default value SIZE=1 is used for display.<BR> <HR /> <P>This is the second line segment, SIZE=5<BR> <HR SIZE=5> <P>This is the third line segment, SIZE=10<BR> <HR SIZE=10> </BODY> </HTML> Setting the line length <HTML> <HEAD> <TITLE>Setting the length of line segments</TITLE> </HEAD> <BODY> <P>This is the first line segment. There is no WIDTH setting. The default WIDTH value of 100% is used for display.<BR> <HR SIZE=3> <P>This is the second line segment, WIDTH=50 (point method)<BR> <HR WIDTH=50 SIZE=5> <P>This is the third line segment, WIDTH=50% (percentage method)<BR> <HR WIDTH=50% SIZE=7> </BODY> </HTML> Segment Arrangement Settings <HTML> <HEAD> <TITLE>Line segment arrangement settings</TITLE> </HEAD> <BODY> <P>This is the first line segment, no ALIGN setting, (default value CENTER is used for display)<BR> <HR WIDTH=50% SIZE=5> <P>This is the second line segment, aligned to the left. BR> <HR WIDTH=60% SIZE=7 ALIGN=LEFT> <P>This is the third line segment, aligned to the right<BR> <HR WIDTH=70% SIZE=2 ALIGN=RIGHT> </BODY> </HTML> No shadow setting <HTML> <HEAD> <TITLE>Shadowless setting</TITLE> </HEAD> <BODY> <P>This is the first line segment. No NOSHADE is set. The default shadow effect is used for display.<BR> <HR WIDTH=80% SIZE=5> <P>This is the second line segment with NOSHADE set<BR> <HR WIDTH=80% SIZE=7 ALIGN=LEFT NOSHADE> </BODY> </HTML> Last horizontal line: |
<<: What are the rules for context in JavaScript functions?
>>: In-depth analysis of MySQL explain usage and results
Recommend
Example analysis of interval calculation of mysql date and time
This article uses an example to describe the inte...
Solution to Vue3.0 error Cannot find module'worker_threads'
I'll record my first attempt at vue3.0. When ...
MySQL exposes Riddle vulnerability that can cause username and password leakage
The Riddle vulnerability targeting MySQL versions...
Creating Responsive Emails with Vue.js and MJML
MJML is a modern email tool that enables develope...
How to create a MySQL database (de1) using commands
1. Connect to MYSQL Format: mysql -h host address...
How to import Chinese data into csv in Navicat for SQLite
This article shares with you the specific method ...
How to use IDEA to create a web project and publish it to tomcat
Table of contents Web Development 1. Overview of ...
Solution to the impact of empty paths on page performance
A few days ago, I saw a post shared by Yu Bo on G...
Sample code for displaying a scroll bar after the HTML page is zoomed out
Here is a record of how to make a scroll bar appe...
Enter two numbers in html to realize addition, subtraction, multiplication and division functions
1. parseFloat() function Make a simple calculator...
Basic tutorial on using explain statement in MySQL
Table of contents 1. Overview 1. Explain statemen...
Analysis of the principle of Nginx+Tomcat to achieve load balancing and dynamic and static separation
1. Implementation principle of Nginx load balanci...
Example of how to enable Slow query in MySQL
Preface Slow query log is a very important functi...
MySQL series tutorials for beginners
Table of contents 1. Basic concepts and basic com...
Vue3 (Part 2) Integrating Ant Design Vue
Table of contents 1. Integrate Ant Design Vue 2. ...