Home >Web Front-end >HTML Tutorial >【HTML】Text effect_html/css_WEB-ITnose

【HTML】Text effect_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:45:131133browse

In order to display text information on the web page, when designing HTML, just enter the text where you need to add text in 6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956, which is the same as what we do in Word and Notepad Add in the same way. At the same time, in order to increase the readability of the code, you can also use 4e255cca6c1c1c2b4c46e2b80a10fe99 to add necessary comments. These comment information will not be displayed on the page.

1. Text modification

After adding text to the html file, in order to make the web page more beautiful, you need to add some effects to the text. Some of the tags that need to be used are as follows:

标记                                  

说明                                          

a4b561c25d9afb9ac8dc4d70affff419

加粗

5a8028ccc7a7e27417bff9f05adf5932

斜体

88f336217b3880082bb52d49b5de60a5

下划线

823db3943044a0a9a620ada8d4b1d965

删除线

208700f394e4cf40a7aa505373e0130b

设置地址文字

2cdea26b4c3988e37d674b56660962a7

上标

b96cac025db4031319c29e1eb68f19d6

下标

Tags                                                                                                 >
a4b561c25d9afb9ac8dc4d70affff419

Bold
<html>	<head>		<title>文字修饰</title>	</head>	<body>		<p>语文:<br>		 静夜思<br>		<b>床前明月光</b><br>		<!--粗体-->		<i>疑似地上霜</i><br>		<!--斜体-->		<u>举头望明月</u><br>		<!--下划线-->		<del>低头思故乡</del><p>	<!--删除线-->				<p>数学:<br>		  x<sup>2</sup>-6x+5=0<br>	<!--上标-->		解:x<sub>1</sub>=0;x<sub>2</sub>=1		<!--下标-->		</p>			</body></html>

< ;i>

italic

88f336217b3880082bb52d49b5de60a5

Underline

823db3943044a0a9a620ada8d4b1d965

标记

说明

e388a4556c0f65e1904146cc1a846bee

定义段落,但是不能进行段落格式的设置

0c6dc11e160d3b678d68754cc175188a

回车

e03b848252eb9375d56be284e690e873

预格式化,设置后,键盘上的回车键就可生成一个段落

b8a712a75cab9a5aded02f74998372b4

设置段落缩进,可以增加段落的层次效果

f32b48428a809b51f04d3228cdf461fa

插入并设置水平线

Strikethrough

208700f394e4cf40a7aa505373e0130b

Set address text

符号                             

对应代码                                 

空格

&

&

©

©    

?

®

®

¥

¥

§

§

2cdea26b4c3988e37d674b56660962a7

Superscript

<html>	<head>		<title>特殊符号的使用</title>	</head>	<body>		<p>  廊坊师范学院,建院于1946年,升本建院以来,学院已为社会输送了4万余名各级各类专业人才。<p>		<p>  版权所有&copy;:廊坊师范学院</p>	<!--特殊符号-->	</body></html>
b96cac025db4031319c29e1eb68f19d6

Subscript

Instance:

Effect:

2. Paragraph Whether it is an ordinary document or a web page, the part about text information will involve the relevant content of the paragraph, which makes the text expression clearer. The special paragraph tag in html is e388a4556c0f65e1904146cc1a846bee. In addition, there are many tags that can set its paragraph format
mark Description
e388a4556c0f65e1904146cc1a846bee Define paragraph, But the paragraph format cannot be set
0c6dc11e160d3b678d68754cc175188a Enter
e03b848252eb9375d56be284e690e873 Pre-formatted, after setting, the Enter key on the keyboard can generate a Paragraph
b8a712a75cab9a5aded02f74998372b4 Set paragraph indentation to increase the hierarchical effect of the paragraph
f32b48428a809b51f04d3228cdf461fa Insert and set horizontal lines
3. Special symbols When using special symbols, you need to convert them into corresponding codes and insert these codes into the html file so that what is displayed on the web page is Special symbols we need. The commonly used special symbols correspond to codes as follows:
Symbols                                                
Space  
& &
© © ;  
?
® ®
¥ ¥
§ § td>
Example: Effect: Summary: In In HTML documents, when a certain part of text needs to be explained, it can also be done by adding the text annotation tag ec41f2147470148e85ad0337a362103e. There are many settings for text effects. As long as you master some commonly used tags and use them reasonably, you can make the web page more pleasing to the eye.
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn