CSS styles are not used in HTML to make text smaller. Many people have forgotten this element. small tag Its function is to be used in most elements and allow the small tag to be used. The selected text is one font size smaller than the normal text. This is the small tag. Next, let’s take a look at the following article about the use examples of the small tag.
First, let’s look at the use of an HTML small tag. Example:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body> 这是一个<small>正常的</small>文本 </body> </html>
As shown in the figure, the first simple small tag is used. Normally, it is nested inside other text tags, such as
Inside the tag, use this attribute to make certain words or words smaller (this is the best approach besides CSS styles).
Let’s take a look at the example of the small tag above:
The picture shown is a normal text, because it is said to be normal. text, so we just use it as normal text. We can see that the three words enclosed by the small tag are normal. The effect displayed on the web page is obviously shorter than other normal text. This is the effect we want to achieve. Personally, sometimes zoom in The labels also have shrunken labels to make them more visible. Let’s not talk about this anymore.
Let’s continue to look at the details of the use of the small tag:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body> 这是一个<small>正常的</small>文本 <h2 id="这也是一个-small-正常的-small-标题标签">这也是一个<small>正常的</small>标题标签</h2> <p>这还是一个<small>正常的</small>段落标签</p> </body> </html>
This time I added two tags in it at once, and one is free, no Tags are also equivalent to p tags by default.
Let’s take a look at the effect:
We can clearly see that the three paragraphs in the picture above have become smaller. The thing becomes most obvious in the largest font h2. What we see becomes the largest is the title tag in the middle. Just look at the obvious effect. Our small tag can help make the text smaller in most elements. Insert a sentence here, there are also larger tags, which are the same as the small tag. Most tags can be used. If you want to see how to use enlarged labels, go to the editor’s recommendations below.
Personal summary of the small tag:
Adding the small tag to any text element can make it one size smaller than other text next to it. It can be used in most tags, but after learning CSS styles, small tags are rarely used. Everyone knows that it is easier to use CSS styles. However, I still like to use the small tag in pure HTML text because I like the shrinking effect.
That’s it for this article about the html small tag. If you want to learn more, go to the PHP Chinese website and learn in the HTML Learning Manual column. Students who have questions can leave a message below.
【Editor's Recommendation】
How to use the big tag in html? Usage examples of html big tag
#How to set spaces in HTML paragraph elements? Summary of HTML space settings
The above is the detailed content of How to use html small tag? Summary of usage of HTML small tag. For more information, please follow other related articles on the PHP Chinese website!
The `itemref` Attribute for MicrodataJul 24, 2025 am 03:19 AMitemref is an attribute in Microdata that is used to disperse content in associated pages. Its main purpose is to enable elements that do not belong to the current item scope to become part of the object, thereby realizing remote reference. The usage methods include: 1. Add item scope and unique id to the main object; 2. Use itemref to refer to the id of other elements on the main object; 3. The referenced element must have itemprop and the id is consistent with the itemref list. Applicable scenarios include layout restrictions, multiplexing structures, CMS systems, etc. Notes include: It can only be used for elements with item scope, the target element must be the same page, the id must be unique, not all tools support itemref, it is recommended to make
HTML `placeholder` Attribute for Input FieldsJul 24, 2025 am 03:08 AMThe placeholder property is an auxiliary function in HTML forms for input box prompts. It displays light text when the input box is empty, and it will automatically disappear after the user starts input. The correct way to use it is to use it as a supplementary description rather than replace label tags. The specific steps are: 1. Use label and placeholder at the same time, such as username: 2. Avoid labeling required items or providing key information with placeholder; 3. Control the length of the prompt text to keep it simple; 4. Adjust the style through CSS to ensure compatibility; 5. Applicable to input scenarios with clear formats such as email, search boxes, etc., and password boxes should be used with caution.
HTML `track` Element for Video Captions and SubtitlesJul 24, 2025 am 03:06 AMThe track element is a tag in HTML5 that is used to add text tracks to videos. It supports subtitles, titles, descriptions, chapters, and metadata, and is usually made using WebVTT format files. 1. When using it, you need to add and specify properties such as src, kind, srclang, label, etc. 2. The WebVTT file format must start with WEBVTT and include timestamps and contents. 3. Mainstream browsers support track but limited style control. 4. Multiple tracks can be added to achieve multilingual support. Correct use of track can improve video accessibility and user experience.
Implementing HTML `contenteditable` for Rich Text EditorsJul 24, 2025 am 03:00 AMTobuildarichtexteditorusingHTML’scontenteditableattribute,startbymakinganelementeditablewithcontenteditable="true",thenhandleformattingwithJavaScriptviaexecCommandorDOMmanipulation.1.Usecontenteditableonelementslikeorfordirectediting.2.Hand
HTML Event Attributes: `onclick`, `onmouseover`, etc.Jul 24, 2025 am 02:59 AMCommon HTML event attributes include onload, onchange, onsubmit, onmouseout, onkeydown and onkeyup; onclick is used to respond to click behavior, and it is recommended to achieve interaction through function calls or JS binding; onmouseover and onmouseout are often used for hovering effects; it is recommended to use addEventListener to achieve event binding for maintenance and extension.
Working with HTML `details` and `summary`Jul 24, 2025 am 02:56 AMdetails and summary tags can achieve folding and expansion effects without JavaScript. 1. Details is used as a container, and the content is hidden by default; 2. summary is used as the title to open and close; 3. You can customize the style through CSS, such as removing the default arrows, setting backgrounds and padding; 4. Applicable to FAQ, setting panels and other scenarios; 5. Pay attention to browser compatibility and structural correctness, and summary must be placed inside details.
Understanding HTML `formaction` AttributeJul 24, 2025 am 02:53 AMFormaaction is an attribute in an HTML form that specifies the independent submission address of a specific submission button, which overrides the form's default action attribute. 1. It allows setting different submission paths for different buttons, such as "Save" and "Preview". 2. When using it, it is directly added to the button of type="submit", and the syntax is format="url". 3. It can be used in combination with other attributes such as formmethod, formctype, and formtarget to achieve flexible submission behavior. 4. The priority of this property is higher than the action of the form, and the path can be a relative or absolute path. 5. Commonly used for many
Using `target='_blank'` Safely in HTMLJul 24, 2025 am 02:52 AMWhen using target="_blank", rel="noopener" must be added at the same time to prevent security vulnerabilities. The reason is that the new page can control the original page through window.opener, causing phishing or redirecting attacks. The correct way to write it is:. If you need to affect SEO, you can add nofollow: rel="noopenernofollow". Scenarios that need special attention include: 1. User-submitted links; 2. Content generated by third-party plug-ins or CMS; 3. Advertising or cooperative links. In addition, target="_blank" should be used with caution,
Hot AI Tools
Undress AI Tool
Undress images for free
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
ZendStudio 13.5.1 Mac
Powerful PHP integrated development environment
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
mPDF
mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),
MantisBT
Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.
