Several ways to use html and css

This article mainly introduces you to several ways to use html and css. The editor thinks it is quite good. Now I will share it with you and give you a reference. Let’s follow the editor to take a look, I hope it can help everyone.

How to use HTML

1: Color code
If you want to use a certain color, get Its color value is sufficient. For example, if you want to change the color of some text, you can use the following code: a56fb915315113118de79a8671cca6a5Change the code after the # symbol to change the colore6e38b3c62e8df885fe2e3986461aa63

2: The code for bold and slanted text

◆The code for bold and slanted text is: a4b561c25d9afb9ac8dc4d70affff419Hello0d36329ec37a2cc24d42c7229b69747a ◆The code for slanted text is: 5a8028ccc7a7e27417bff9f05adf5932 Hello! 72ac96585ae54b6ae11f849d2649d9e6 ◆Underline: 88f336217b3880082bb52d49b5de60a504e11139013d3ca73accef66348e2e58

##3: Text link codeIf you want to click somewhere, the text will be connected The effect of going to another web page is a hyperlink. The code is as follows:
2a8a11005fdc993c735def731c939c88Shared space5db79b134e9f6b82c0b36e0489ee08edIf you click on this text and reopen a window, The code is: 08c9e73e3eedf9ccdd72ff85ee91f819Shared space5db79b134e9f6b82c0b36e0489ee08ed

Four: Code for placing images on the website
If you see I want to put a good-looking picture on the website. The code is like this:
aada1293e03c1d5f6723ae5b895d0d56 ## The number after # adjusts the size of the image.

Five: Picture link code

If you click on the picture to open a website, the link code is like this: 5274219e47fac1d792640dce8330c4f0aada1293e03c1d5f6723ae5b895d0d565db79b134e9f6b82c0b36e0489ee08ed
If you click on the picture, you can open a link to the website and reopen a window. The code is like this:
76b381d4de3d6709b59436ef6f50b791a183ca3665ac391a86081e6b59fd72675db79b134e9f6b82c0b36e0489ee08edThe above numbers can adjust the image size.



## Six: Line break code

If you want to change the line, just use the Enter key. You need to enter 0c6dc11e160d3b678d68754cc175188a
at the position where you want to change the line. This will be displayed in two lines, and the entire website will not look like It’s a big piece, but the paragraphs are clear.

Seven: The code for moving text is
ed126914ed1419bab26abf7cf307b7b9Write text here7204e33a7a23f6efcc788532e245c31b

Eight: The code for moving pictures
ed126914ed1419bab26abf7cf307b7b92b6c998868e2c394717cd7f41d0243358a18fc35e9ede15d4bb8b3f744961cffc95d78fffaf203c816a4e35af38673e0ed126914ed1419bab26abf7cf307b7b9
Just change the image address inside to yours. If you want to add one more image, just insert it in the middle according to the format:
73722ad565e450560be788e301e9fa7b
You can decide the address of the pictures inside.

9: Background music code
If you want to put a piece of nice background music on your website, the code is: ea4eac84ddf5b983f3f5d5518c12b618
0ed32d174e7d96a3677e2afbb086232e You can replace the background music address inside by yourself. The first number of
is the music address, usually ending in the form of mid or mp3, and the following number is the number of plays.
http://www.midifan.com/midi/
This website has good background music

10: The code for inserting a flash animation into the website is
f17c5bc1a83134fc29a4231f3d160336 Replace the animation address inside with yours. The animation address must be in the form of swf end. This needs attention.

11: Welcome code that appears when opening the website
b039cad0c713510145ebd8b00dba8ee5

12: Close If it appears when opening the website
e43d2f81a5bd0a230ac03e1525aea068

13: Make a pop-up window advertisement when opening the website
1a24b17f85e15c83fc29b7760e40bfcb
var TimerID=1;
window.open('http://163.com'/;,'','width=600,height=300,left =100,top=50');
2cacc6d41bbb37262a98f745aa00fbf0
The http://163.com/ inside is a web page you have prepared in advance. The following numbers are for adjusting the size and position. Test it yourself a few times.

Fourteen: The mouse sensor font turns red

The code is as follows: insert between 6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956

<span style="font-size: 16px;"><STYLE type=text/css>TD { <br/>FONT-SIZE: 12px <br/>} <br/>BODY { <br/>FONT-SIZE: 12px <br/>} <br/>INPUT { <br/>FONT-SIZE: 12px <br/>} <br/>A:link { <br/>COLOR: #000000; TEXT-DECORATION: none <br/>} <br/>A:visited { <br/>COLOR: #000000; TEXT-DECORATION: none <br/>} <br/>A:active { <br/>COLOR: blue; TEXT-DECORATION: none <br/>} <br/>A:hover { <br/>COLOR: red; TEXT-DECORATION: underline <br/>} .so { <br/>BORDER-RIGHT: 1px ridge; BORDER-TOP: #ffffff 1px ridge; FONT-SIZE: 12px; BORDER-LEFT: #ffffff 1px ridge; BORDER-BOTTOM: 1px ridge; BACKGROUND-COLOR: #cccccc <br/>} <br/></STYLE> <br/></span>

Fifteen: Prohibit others from copying the code of your web page:

ec08949e5327abba4c731308b2d56447093fd97c861cbe789149c399ad2b038c

Five tips for using CSS style sheets in web pages Method

1. Use the STYLE attribute

Add the STYLE attribute directly to individual component tags,< ;Component (label) STYLE="Property (property)1: Setting value 1; Property (Property)2: Setting value 2; ...}

For example:
cdcab7b804a3b6c8a2b8fc1917defbd4
The advantage of this usage is that it can flexibly apply styles to each label, but the disadvantage is There is no "unity" to the entire document.

2. Use the STYLE tag

Write the style rules in the 812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47 tag.
5be912364e4d35410960d652a0dd27f8
f12e07a908e4e7ba73d1deb7ab4ba7e2
a2d87b9af1e305217ec9648d1e8a0a47
For example:

<STYLE TYPE="text/css">
<!--
BODY {
　　color: BLUE;
　　background: #FFFFCC;
　　font-size: 9pt}
TD, P {
　　COLOR: GREEN;
　　font-size: 9pt}
-->
</STYLE>

Usually the entire 812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47 structure is written in the ef1cac8df639bc9110cb13b8b5ab3dd7 34934661d7147ca926b095899343bad0 section of the web page. The advantage of this usage lies in the uniformity of the entire document. As long as there is a declared component, the style rule will be applied. The disadvantage is the lack of flexibility in individual components.

3. Use LINK tag

Write the style rules in the .css style file and import it with the 3e76e57fc5dd9b761bdd2082385f4936 tag.
Suppose we save the style rules as an example.css file, we only need to add
da30ee2ff660345f2e6be2e81e7cc4e3## to the web page #The style specified in the style file can be applied. Usually the LINK tag is written in the 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 section of the web page. The advantage of this usage is that you can assign several documents to which the same style rules apply to the same style file. The disadvantage is also the lack of flexibility in individual files or components.


4. Use @import to introduce

It is very similar to LINK usage, but it must be placed in 812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47.

5be912364e4d35410960d652a0dd27f8