IT技术之家

首页 > Java

Java

HTML基本标签_kxttmx_html基本标签

发布时间:2022-10-24 18:31:32 Java 0次 标签:java idea java-ee
1、html页面中由一对标签组成:<html></html><html>称为:开始标签,表示整个html页面的开始</html>称为:结束标签,表示整个html页面的结束2、<html></html>中由两对标签组成,分别为:<head></head>:头信息<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中的字符实体:

小于号:&lt;大于号:&gt;小于等于号:&le;大于等于号:&ge;
  5 &lt; 10 <!-- 5<10 -->
  10 &gt; 5 <!-- 10>5 -->
  5 &le; 10 <!-- 5<=10 -->
  10 &ge; 5 <!-- 10>=5 -->
注册商标:&reg;版权符号:@copy;空格:&nbsp;

注:更多字符实体,可查看网页: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>