HTML基本标签
1、html页面中由一对标签组成：<html></html><html>称为：开始标签，表示整个html页面的开始</html>称为：结束标签，表示整个html页面的结束2、<html></html>中由两对标签组成，分别为：<head></head>：头信息<body></body&
1、html页面中由一对标签组成：<html></html>
<html>称为：开始标签，表示整个html页面的开始</html>称为：结束标签，表示整个html页面的结束
2、<html></html>中由两对标签组成，分别为：
<head></head>：头信息<body></body>：页面的主题内容
3、<title>网页的标题</title>
4、通过<meta charset="UTF-8">设置编码方式
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<!-- 指定页面的编码方式: 可以在meta标签中设置编码-->
<meta charset="UTF-8">
<!-- title表示网页的标题 -->
<title>这是我的第一个网页</title>
</head>
<body>
</body>
</html>
5、<br/>表示换行，<br/>标签是一个单标签。
- 单标签：开始标签和结束标签是同一个，’/'写在单词后面。
6、<p></p>表示段落标签
7、<img src=""/>表示图片标签
src：表示图片文件的路径width：表示图片的宽度height：表示图片的高度alt：表示图片的提示。当指定路径找不到图片时，用来替代显示的文本内容border：表示图片边框的大小
<!-- img标签表示图片标签
src:图片的路径 imgs文件夹与该网页文件在同一目录下 -->
<img src="imgs/2.jpg" width="57" height="74" alt="这里是一张图片"/>
路径的问题：
（1）在
JavaSE中路径也分为相对路径和绝对路径：
- 相对路径：从工程名开始算
- 绝对路径：盘符:/目录/文件名
（2）在
web中路径分为相对路径和绝对路径两种：
- 相对路径：
- . 表示当前文件所在的目录
- … 表示当前文件所在的上一级目录
- 文件名 表示当前文件所在目录的文件，相当于 ./文件名
- ./ 可以省略
- 绝对路径:
- 正确格式是：
http://ip:port工程名/资源路径- 错误格式是：盘符:/目录/文件名
8、<h1>~<h6>：标题标签
<h1>最大，<h6>最小align：对齐属性left：左对齐（默认）center：居中对齐right：右对齐
<h1 align='center'>标题一</h1>
<h2>标题一</h2>
<h3>标题一</h3>
<h4>标题一</h4>
<h5>标题一</h5>
<h6>标题一</h6>
注意：
html语言是解释型语言，不是编译型。- 浏览器是容错的。
- 标签不能交叉嵌套
9、列表标签：
-
ol：有序列表-
start：表示从*开始 -
type：表示显示的类型，即 A、a、I、i、1<!-- ol:有序列表 start:表示从A开始第三个，即C开始--> <ol type="A" start="3" > <li>扫地僧</li> <li>萧远山</li> <li>慕容博</li> <li>虚竹</li> </ol>
-
-
ul：无序列表-
type：表示显示的类型disc：defaultcircle：圆形标记square：方块标记
<ul type="circle"> <li>乔峰</li> <li>阿朱</li> <li>马夫人</li> <li>白世镜</li> </ul>
-
-
li：表示列表项
10、对字体进行修饰的标签
<u></u>：表示下划线标签<b></b>：表示粗体标签<i></i>：表示斜体标签
11、上标、下标
-
<sub></sub>：表示下标 -
<sup></sup>：表示上标水分子的表达式：H<sub>2</sub>O <br/> 氧气的表达式：O<sup>2</sup>
12、HTML中的字符实体：
- 小于号：
< - 大于号：
> - 小于等于号：
≤ - 大于等于号：
≥
5 < 10 <!-- 5<10 -->
10 > 5 <!-- 10>5 -->
5 ≤ 10 <!-- 5<=10 -->
10 ≥ 5 <!-- 10>=5 -->
- 注册商标：
® - 版权符号：
@copy; - 空格：
注：更多字符实体，可查看网页：HTML字符实体
13、<span></span>：表示不换行的块标记
14、<a href=""></a>：表示超链接的标签
-
href：表示链接的地址 -
target：设置哪个目标进行跳转_self：表示在本窗口打开_blank：表示在一个新窗口打开_parent：表示在父窗口打开_top：表示在顶层窗口打开
<a href="http://www.baidu.com" target="_blank">百度一下</a>
15、<div></div>：层标签
16、<font></font>字体标签：
-
color：表示颜色 -
face： 表示字体 -
size：表示文本大小<font color="red" face="宋体" size="7">我是字体标签</font>
华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。
更多推荐
3
0- 0
已为社区贡献6条内容
所有评论(0)