Formatting tags:
<br/>
In other ⾏
<p>...</p>
the Shift
<hr />
Horizontal dividing line
listing:
<ul>...</ul>
⽆ Sequence Listing
<ol>...</ol>
ordered listing of type Type values: A a I i 1 start attribute indicates the starting value
<li>...</li>
list item
<dl>...</dl>
Custom list
<dt>...</dt>
Custom Column Header
<dd>...</dd>
Custom content list
<div>...</div>
frequently-used block in the composition Level elements in order to format these elements through CSS.
<span>...</span>
Often used in the included text, you can use CSS to style it, or use JavaScript to manipulate it.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML标签实例--格式化标签</title>
</head>
<body>
<h3>HTML介绍</h3>
<p>超⽂本标记语⾔(Hyper Text Markup Language),标准通⽤标记语⾔下的⼀个应⽤。HTML 不
是⼀种编程语⾔,⽽是⼀种标记语⾔ (markup language),是⽹⻚制作所必备的。</p>
<p>“超⽂本”就是指⻚⾯内可以包含图⽚、链接,甚⾄⾳乐、程序等⾮⽂字元素。<br/>
超⽂本标记语⾔的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提
供关于⽹⻚的信息,“主体”部分提供⽹⻚的具体内容。</p>
<hr/>
<!-- 列表标签 -->
你的爱好:
<ul>
<li>看书</li>
<li>上⽹</li>
运⾏效果如下:
<li>爬⼭</li>
<li>唱歌</li>
</ul>
<ol type="a">
<li>看书</li>
<li>上⽹</li>
<li>爬⼭</li>
<li>唱歌</li>
</ol>
<dl>
<dt>问:HTML?</dt>
<dd>答:超⽂本标记语⾔</dd>
<dt>问:HTML?</dt>
<dd>答:超⽂本标记语⾔</dd>
<dt>问:HTML?</dt>
<dd>答:超⽂本标记语⾔</dd>
</dl>
<div>aaa</div>
<div>bbb</div>
<span>aaaa</span><span>bbbb</span>
</body>
</html>
The operating effects are as follows:
HTML image tag
Insert an image in the HTML text, use the img tag, which is a single tag: the
commonly used attributes in the img tag are as follows
src
:: image name and url address
alt
: prompt message when the image fails to load
title
: FILE Word prompt attribute
width
: image width
height
: image height
border
: border line thickness
Absolute path and relative path
Absolute path: The
absolute path is the file on your homepage or the real path recorded on the hard disk, (URL and physical path)
for example:
C:\xyz\test.txt 代表了test.txt⽂件的绝对路径。
http://www.sun.com/index.htm也代表了⼀个URL绝对路径。
Relative path: The path
relative to a certain reference directory. Contains the relative path of the Web (relative directory in HTML).
For example,
in Web development, "/" represents the root directory of the Web application.
Relative to the physical path,
for example: "./" represents the current directory,
".../" represents the parent directory. This similar representation is also a relative path
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h3>HTML标签实例--图⽚标签</h3>
<img src="./images/1.jpg" title="图⽚" width="300" />
<img src="./images/2.jpg" alt="图⽚" width="300" />
<img src="./images/3.jpg" width="280" border="2" />
</body>
</html>
The renderings are as follows: