ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

html5基本标签

2021-09-26 23:01:39  阅读:144  来源: 互联网

标签:基本 跑得快 17 标签 html5 跳转 20 nbsp


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>

 

标签:基本,跑得快,17,标签,html5,跳转,20,nbsp
来源: https://www.cnblogs.com/wzq135/p/15340579.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有