Home >Web Front-end >HTML Tutorial >Detailed introduction to article title tags in HTML

Detailed introduction to article title tags in HTML

零下一度
零下一度Original
2017-06-24 14:06:233028browse

Yesterday I talked about my first web page, and today I will continue to take you in-depth. Don’t use coding tools for early learning! That way there will be less opportunities for in-depth understanding!

1. Everyone knows that articles will have various titles, and web pages are similar to articles and have elements specifically for writing titles.

##  (1), 4a249f0d628e2318394fd9b75b4636b1473f0a7621bec819994bb5020d29372a Title one is also the largest title. It is best to have only one on a page to highlight the importance;

 (2)、c1a436a314ed609750bd7c7d319db4da2e9b454fa8428549ca2e64dfac4625cd Title 2

 (3)、

< ;h3>39528cedfa926ea0c01e69ef5b2ea9b0 Title Three

 (4)、

3f7b3decd2dcafb07b84d2d3985d9f400f6dfd1e3624ce5465eb402e300e01ae Title Four

 (5)、

39318b6f72ed39310530dfd69d0078e146eb22d0a433f22cff9940d34d5612bf Title Five

 (6),

4e9ee319e0fa4abc21ff286eeb145ecc489364b7e0629f9745997c79a31b7c6d Title Six is ​​also the smallest, and also The last one does not have 7, 8, 9......

Code block

<html>
     <head>
	<title>标题</title>
     </head>
     <body>	<h1>我是标题一</h1><h2>我是标题二</h2><h3>我是标题三</h3><h4>我是标题四</h4><h5>我是标题五</h5><h6>我是标题六</h6> </body>
</html>

Effect

2. Article

TitleIs it time to finish the paragraph? In fact, I saw the paragraph tag yesterday, if you saw it.

(1),

e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 This is the paragraph tag, also known as the p tag.

Code

<html>
     <head>
	<title>标题和段落</title>
     </head>
     <body>	<h1>我是标题</h1><p>我是段落</p> </body>
</html>

Effect

3. Let me introduce the text tags in paragraphs, which are used to add various effects

to the text.  (1),907fae80ddef53131f3292ee4f81644bd1c6776b927dc33c5d9114750b586338 5a8028ccc7a7e27417bff9f05adf593272ac96585ae54b6ae11f849d2649d9e6 Both of these are text italics

 (2),a4b561c25d9afb9ac8dc4d70affff419< ;/b> 8e99a69fbe029cd4e2b854e244eab143128dba7a3a77be0113eb0bea6ea0a5d0 Both of these are bold and highlighted text

 (3), d015d241ae6d34c34210679b5204fe857552a991a706bdbcb00625c14ce34064 Text reduction

(4), 3d49bde0e0b2e042578ad34140b6c48ecb47d890eb8c521d3966d2b2263ef112 Text amplification

(5), 2e44d2d3284d23d932e1fd85f3d4cf3a6cf51b1709551acbf4a696702deda05f 823db3943044a0a9a620ada8d4b1d965f6236f917cb4ada62f5c34ba44124864 533df51242d4fe18c58d599b7d69a4e4d42499293007b0b3aba9a4e0caefba61 These three strikethrough lines (generally appear in the price area, when comparing the original price and the current price, there will be a line in the middle of the original price, which is how to realize that line)

 (6), 88f336217b3880082bb52d49b5de60a5< ;/u> Text underline,

[Note]:

Just wrap the text you want to change and it’s OK! , these are just some commonly used ones and there are many more. They are all used in the same way. Just check them out when the time comes.

Code

<html>
     <head>
	<title>文字标签</title>
     </head>
     <body>
	<h1>我是标题</h1>
	<p>我是<em>斜体1</em> 我是<i>斜体2</i></p>
	<p>我是<b>加粗1</b> 我是<strong>加粗2</strong></p>	
	<p>我是<small>缩小文字</small></p>
	<p>我是<big>放大文字</big></p>
	<p>我是<s>删除线1</s> 我是<del>删除线2</del> 我是<strike>删除线3</strike></p>
	<p>我是<u>文字下划线</u></p>
     </body>
</html>

Effect

 

Next time I will tell you about the hyperlinks between web pages, which are jumps, and the introduction of images into web pages. Because it involves absolute paths and relative paths, it is not easy to understand for beginners. I will sort it out and explain it clearly to everyone.

Also welcome your comments because I just started blogging, so there must be a lot of bad things. I hope you can give me more opinions.

The above is the detailed content of Detailed introduction to article title tags in HTML. For more information, please follow other related articles on the PHP Chinese website!

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