Simply master the use of horizontal line annotations and code comments in HTML

Simply master the use of horizontal line annotations and code comments in HTML

Horizontal Line
Use the <hr /> tag to draw a horizontal dividing line at the current position.
example:

XML/HTML CodeCopy content to clipboard
  1. < p > Main content </ p >   
  2. < hr   />   
  3. < p > Bottom content </ p >   

Horizontal lines can effectively isolate different content parts and give people a sense of hierarchy.
hint:
Since CSS can be used to format the borders of DIV or other block elements, the horizontal line effect is often achieved by setting the width of the borders of block elements. However, the <hr /> tag cannot be completely replaced.

HTML Comments
The XHTML comment tag is a special tag. As the name suggests, it is used to comment on the content in an XHTML document. Of course, it will not be displayed in the browser. The annotation tags are as follows:

XML/HTML CodeCopy content to clipboard
  1. <!—Write your comments here-- >   
  2. An example:
  3. < div   id = "nav" > <!--nav start-->   

Notice:
There is an exclamation mark after the opening left bracket. Also, do not write comments in other languages ​​such as “//” or “/*”.
hint:
It is a good habit to add comments appropriately. You can use them wherever you want to comment, so that the HTML documents we write are easy to read and maintain.

<<:  Implementation of vue-nuxt login authentication

>>:  Solution to the system abnormality (unable to boot) caused by upgrading glibc in Centos7

Recommend

Implementation principle and configuration of MySql master-slave replication

Database read-write separation is an essential an...

About the use of Vue v-on directive

Table of contents 1. Listening for events 2. Pass...

Detailed explanation and summary of the URL for database connection

Detailed explanation and summary of the URL for d...

IDEA uses the Docker plug-in (novice tutorial)

Table of contents illustrate 1. Enable Docker rem...

Detailed steps for completely uninstalling MySQL 5.7

This article mainly summarizes various problems o...

Solution to Nginx session loss problem

In the path of using nginx as a reverse proxy tom...

Docker Getting Started Installation Tutorial (Beginner Edition)

Doccer Introduction: Docker is a container-relate...

Vue implementation example using Google Recaptcha verification

In our recent project, we need to use Google robo...

mysql method to recursively search for all child nodes of a menu node

background There is a requirement in the project ...

In-depth study of MySQL composite index

A composite index (also called a joint index) is ...

Summary of MySQL password modification methods

Methods for changing passwords before MySQL 5.7: ...

How to allow all hosts to access mysql

1. Change the Host field value of a record in the...

How to implement logic reuse with Vue3 composition API

Composition API implements logic reuse steps: Ext...