Summary

Topic 1 Link composition

Definition of web page. In HTML, the code a is used to represent a link, followed by href and URL. This code structure becomes an absolute URL. When linking to other elements in the same site, you can use relative URLs. The advantage is that the code is simpler and the loading speed is faster. Every page and every image on the website has a URL. Each item contains a parent and a child, and sometimes there are also grandparents and grandchildren. Adding mailto after href can be used as an email link. If you use target, you can change the way the web page is opened, such as opening it in a new window. Of course, you can also use some specific code to link to specific parts of the web page, such as the top and bottom.

Topic 2 Make a box

You can use height and width to define the size and background-color to change the color. Use border-color to change the border color. Use min-width and max-width to limit the width. Use min-height and max-height to limit the height. Use border-width to define the width of the border. The border style can also be changed, and the border style in each direction can be defined separately, such as solid, dotted, dashed, double, groove, ridge, inset, outset, hidden. border-image adds an image around the box. border-shadow can add shadow to the box to make it more three-dimensional. The shadow style can be set individually. Use border-radius to add rounded corners to the box. The rounded corners in four directions can be set independently.

Topic 3 Box layout design

There are two solutions for text that overflows inside the box, use overflow: hidden to hide the overflow content, or use overflow: scroll to make scrolling text. Without margins and padding, the text and box edges would be very close together, and the box would be positioned at the far left of the page. Margins and padding can be top, bottom, left, or right. Block and inline can be converted into each other by using the code inline-block. You can use visibility:hidden to hide elements so that they are not visible but still exist.