Front end basic 02

1. Path

1.1 Relative path: The directory path where the location of the cited file is established as a reference basis. That is, the position of the reference file relative to this file.

Relative path classification:

Directory at the same level (the reference file and the edited file are in the same directory): directly enter the file name.

The next level directory (the reference file is in the next directory of the edited file): use ./+file name.

Upper-level directory (the reference file is in the previous directory of the edited file): Use ../+file name.

1.2 Absolute path: The absolute location under the directory, you can reach the target location directly, and the path starting from the drive letter is commonly used.

2. Link

2.1 Hyperlink tag syntax format <a href="the URL address of the jump target, which is a required attribute" target="the pop-up method of the target window _self defaults to open this window, generally it does not display _blank new window opens by default" > Text or image </a>

2.2 Link classification

2.2.1 External links: must start with HTTP:// + external URL.

2.2.2 Internal links: The website contains internal links before the internal pages, and directly links internally.

2.2.3 Empty connection: # means <a href="#"> text or image </a>

2.2.4 Download link: The address link is the file format of the file .exe or compressed package.

2.2.5 Links of webpage elements: All kinds of webpage elements in the webpage, such as pictures, texts, tables, audios, videos, etc., can be linked to the sky-high tea.

2.2.6 Anchor link: Click on the link to quickly reach the specified location on the page.

a. Set the form of #+ID in the href attribute of the connection text

b. Add ID to the label of the target location found on this page (it must be the same as the label name added when connecting)

3. Commonly used symbols

&nbsp;空格;<&lt;>&gt;

4. Form (use to display labels)

Syntax format:

The align attribute is the position of the current table and the surrounding ring. Three types: center (centered) left (located on the left) right (located on the right)

The cellpadding property is the distance between the current table text and the border

The cellspacing attribute is the distance between the table and the table

The border property is the size of the table border

height attribute is the height of the table

width attribute is the width of the table

<table align="" cellpadding="" cellspacing="" border="" weight="" height="" >

<!-- Thead table header area -->

<thead>

<!-- tr行 -->

<tr>

<!-- th header cell-->

<th></th>

<th></th>

...

</tr>

</thead>

<tbody>

<tr>

<!-- Line 1 of the content of the table -->

<td></td>

<td></td>

...

</tr>

</tbody>

Guess you like

Origin blog.csdn.net/qq_34194159/article/details/104601213