HTML(常⽤标签与超链接)的案例
HTML(常⽤标签与超链接)的案例
1.常⽤标签
阳光男孩
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
hello<br>html
<p>
HTML称为超⽂本标记语⾔,是⼀种标识性的语⾔。它包括⼀系列标签.通过这些标签可以将⽹络上的⽂档格式统⼀,使分散的Internet资源连接为⼀个逻辑整体。HTML⽂本是由HTML命令组成的描述性⽂本,HTML命令可以说明⽂字,图形、动画、声⾳、表格、链接等。
</p>
<p>
超⽂本是⼀种组织信息的⽅式,它通过超级链接⽅法将⽂本中的⽂字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同⼀⽂本中,也可能是其他⽂件,或是地理位置相距遥远的某台计算机上的⽂件。这种组织信息⽅式将分布在不同位置的信息资源⽤随机⽅式进⾏连接,为⼈们查,检索信息提供⽅便。
</p>
<hr>
<h1>⼀级标题</h1>
<h2>⼆级标题</h2>
<h4>四级标题</h4>
<h6>六级标题</h6>
</body>
</html>
案例:
2.常⽤标签
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<pre>
HTML从⼊门到精通
学员:张杰
</pre>
提莫出装
<hr>
<div >导航部分</div>
<div >正⽂部分</div>
<div >版权部分</div>
<hr>
iphone XR,不要8888,不要1888,只要<span >98元</span>
</body>
</html>
案例:
3.常⽤标签代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h3>2020年⽹络游戏排⾏榜</h3>
<ol type="1"start="5">
蔡瀚亿<li>吃鸡</li>
<li>王者荣耀</li>
<li>LOL</li>
<li>WOW</li>
</ol>
<hr>
<h3>可爱的学⽣们</h3>
<ul type="disc">
<li>张三</li>
<li>学委</li>
<li>团⽀书</li>
</ul>
<hr>
<h3>术语的解释</h3>
<dl>
<dt>LOL</dt>
高中数学补习
<dd>它是腾讯公司代理的⼀款⽹络游戏,中⽂名称叫英雄联盟</dd> <dd>可以分为PC端和移动端</dd>
<dt>HTML</dt>
<dd>是⼀种⽤来制作⽹页的标记语⾳</dd>
<dt>JAVA</dt>
<dd>是⼀种跨平台编辑语⾔</dd>
</dl>
</body>
</html>
案例:
4.常⽤标签
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<hr color="#00FF00">
<hr size="9px"color="yellow">
<hr color="red"width="400px">
<hr color="blue"width="50%"size="10">
中国文化遗产摘抄资料<div > <hr color="red"width="50%"align="left">
梁家辉的老婆</div>
</body>
</html>
案例: