HTML5教程

html5基本标签

本文主要是介绍html5基本标签，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

1.W3C标准

 2.html的基本结构

 

 3.基本标签

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>基本标签学习</title>
 6 </head>
 7 <body>
 8 
 9 <!--1、标题标签 -->
10 <h1>一级标签</h1>
11 <h2>二级标签</h2>
12 <h3>三级标签</h3>
13 <h4>四级标签</h4>
14 <h5>五级标签</h5>
15 
16 <!--2、段落标签 -->
17 <p>两只老虎，两只老虎</p>
18 <p>跑得快，跑得快</p>
19 <p>一只没有眼睛，一只没有尾巴</p>
20 <p>真奇怪！真奇怪！</p>
21 
22 <!--3、水平线标签-->
23 <hr/>
24 
25 <!--4、换行标签-->
26 两只老虎，两只老虎<br/>
27 跑得快，跑得快<br/>
28 一只没有眼睛，一只没有尾巴<br/>
29 真奇怪！真奇怪！<br/>
30 
31 <!--5、字体样式标签 -->
32 粗体：<strong>这是粗体</strong>
33 斜体：<em>这是斜体</em>
34 <br/>
35 <hr>
36 
37 <!--6、特殊符号 -->
38 空格：用&nbsp;符号  <br/>
39 王&nbsp;&nbsp;&nbsp;&nbsp;振
40 <br/>
41 大于号：&gt;
42 <br/>
43 小于号：&lt;
44 <br/>
45 版权符号：&copy;王振权
46 </body>
47 </html>

 

 4.图像标签

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>图像标签</title>
 6 </head>
 7 <body>
 8 <!--img图像标签学习
 9     src图片地址（必填）：相对地址(推荐使用)、绝对地址（不推荐）
10     ../   返回当前目录的上一级目录
11     alt="图片名字"（必填）：假如图片没显示时,替代图片显示文字
12     titl=“文字”：鼠标悬停时显示的文字
13     width：图片宽度
14     heigth：图片高度
15         -->
16 <img src="../rescourse/image/1.jpg" alt="李信壁纸" title="李信" width="1350" height="780">
17 
18 
19 </body>
20 </html>

 

 

5.链接标签

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>链接标签学习</title>
 6 </head>
 7 <body>
 8 <!--用到锚链接是需用到name作为标记 -->
 9 <a name="top">顶部</a> <br/>
10 
11 
12 
13 <!-- <a></a>超链接标签
14     href=“网址或者路径”（必填）：表示跳转到哪个页面
15     target：表示窗口在哪里打开，_blank表示在新的窗口打开，_self表示在自己网页中打开
16 -->
17 <a href="https://www.baidu.com" target="_blank">点我跳转到百度</a>
18 <a href="我的第一个网页.html" target="_self">点我跳转</a>
19 <br/>
20 <!--插入图片超链接 -->
21 <a href="基本标签.html"><img src="../rescourse/image/1.jpg" alt="李信壁纸" title="李信" width="300" height="300">
22 </a>
23 <br/>
24 
25 
26 
27 
28 <!--锚链接
29     1.需要一个锚标记
30     2.跳转到标记
31     3.href="#+锚链接标记的名字"，例如下面标记的名字是top
32     -->
33 <a href="#top">回到顶部</a>
34 
35 <!-- 也可跳到其他网页标记的锚链接-->
36 <br/><a href="我的第一个网页.html#down" target="_blank">down</a>
37 
38 <!-- 功能性链接
39      1.邮件链接：mailto;
40      2.
41      -->
42 <a href="mailto:1548998971@qq.com">点击邮件联系我</a>
43 </body>
44 </html>

 

这篇关于html5基本标签的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航