Detailed introduction to 3 common elements in HTML
<strong>Inline elements
-
a - anchor
abbr - abbreviationthe <abbr title="world wield web constium">W3C</abbr>is important;
Copy after loginDetailed introduction to 3 common elements in HTML
b - bold (not recommended), strong - bold emphasis, em - italics important {all double Tag}
The<b>
tag should be used as a last resort option when no other suitable tag is more suitable. HTML5 Specification statement:<h1> - <h6>
should be used to represent titles, and<em>
tags should be used to represent emphasized text. Use the<strong>
tag to indicate important text.
These can also be set through the font-weightproperty.
bdo Define text direction<br /> rtl: <bdo dir="rtl">here is some text</bdo> <br /> ltr: <bdo dir="ltr">here is some text</bdo>
#Detailed introduction to 3 common elements in HTML big - One size larger than the original font.12
br - Line break
clear attribute
cite - Quote, italic display
code - Computer code (required when citing source code)
dfn - Define field
i - Italic
img - Image
input - input box
kbd - define keyboard text
samp - define sample computer code
var - define variable
q - short quote
small - small font text
span - commonly used content Coupled container, defines the block within the text
label - table label
del - delete part
ins - new inserted part
select - item selection
sub - subscript
sup - upper Tag
textarea - Multi-line text input box
iframe - Create an inline frame that contains another document<iframe src="block_elements.html" width="" height=""></iframe>
Copy after login
Detailed introduction to 3 common elements in HTML(map,area)-Image map with clickable area
< img src="../../LG/image/ff8080814aecc157014aecdf36aa002a.jpg" width="300px" border="0" usemap="#test" alt="test" /> <map name="test" id="test"> <area shape="circle" coords="20,20,50" href="block_elements.html" alt="" /> </map>
Copy after login- is called with inline elements, inline Embedded elements, inline elements, and inline elements
- are generally basic elements based on the semantic level. They can only accommodate text or other inline elements and are usually included in Used within block elements.
- Inline elements have these
- ##Block-level elements
<strong>
- address - Defines contact information for the author of the document or article. Don't limit it to an address. Display it in italics.
Written by miss_du.jpg##
blockquote - label definition block quote, the left and right sides will be automatically indented Enter俗话说得好 <blockquote> 笨鸟先飞 </blockquote>
Copy after login
dir - Directory ListDetailed introduction to 3 common elements in HTML
<dir> <li>第一章</li> <li>第二章</li> <li>第三章</li> </dir>
Copy after login
dl>dt+dd-define a list, this is often used, there is no distanceDetailed introduction to 3 common elements in HTML
ul>li-define an unnecessary list
ol>li-define an ordered listpCommonly used block-level elements for css layout.
(fieldest, legend) - related elements in the combined form<fieldset id=""> <legend>性别</legend> 女:<input type="radio" name="" id="" value="" /> 男:<input type="radio" name="" id="" value="" /> </fieldset>
Copy after loginDetailed introduction to 3 common elements in HTML
form - 交互表单
h1 ~h6
hr - 水平分隔线
noframes - frames可选内容,(对于不支持frame的浏览器显示此区块内容
noscript - 可选脚本内容(对于不支持script的浏览器显示此内容)
pre - 格式化文本,,主要用于显示源码。<pre class="brush:php;toolbar:false"> <a> 显示源码了么? </a>
Copy after loginDetailed introduction to 3 common elements in HTML
table - 表格
<table border="" cellspacing="" cellpadding=""> <caption>hello</caption> <thead style="background: black;color: #fff;"> <tr> <th>Header</th> <th>Header</th> </tr> </thead> <tbody> <tr> <td>Data</td> <td>Data</td> </tr> </tbody> </table>
Copy after login
- Note: If the caption element is repeated in the table, it will be folded, but if it is separated from the table, it will not be folded if it is repeated.
【相关推荐】
1. 免费html在线视频教程
2. html开发手册
The above is the detailed content of Detailed introduction to 3 common elements in HTML. For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

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

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.

This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.

Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.

Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.

Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.

Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively

Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.

Guide to HTML onclick Button. Here we discuss their introduction, working, examples and onclick Event in various events respectively.
