html标签简单说就是被"<>'括起来的就是标签。
H系列标签.
作用:将文字以标题的形式显示出来。一共有h1,h2,h3,h4,h5,h6标签.
P标签:段落标签
将某行文字以段落形式显示。
<p>这是一段文字</p>
hr标签:在页面上显示一条横线.默认占整行
<hr/>
br标签: 换行
<br/>
b, u, i, s, strong,em, del,ins标签
<b>这是b标签</b> 加粗
<u>这是u标签</u> 下划线
<i>这是i标签</i> 倾斜
<s>这是s标签</s> 删除线
以上标签是逐渐被淘汰的标签,不建议使用
<strong>这是strong标签</strong> 加粗
<ins>这是ins标签</ins> 下划线
<em>这是em标签</em> 倾斜
<del>这是del标签</del> 删除线
img标签: <img src="图片的路径" />
src是img的属性, 表示图片的路径
alt属性, 如果图片加载不出来,会显示该属性的文字.
title属性: 介绍这张图片
路径问题: 1.绝对路径: 从电脑的具体盘符开始寻找。如 E:\testCode\html\1.jpg
2. 相对路径: 一个文件相对于另一个文件的位置。 上一级: ../ 下一级 文件夹/图片(<img src="html/google.jpg" />)
<img src="google.jpg" title="google" alt="google图标" />
a标签: 从一个页面跳向另一个页面
<a href="路径">文本</a> # 跳转
<a href="#">不跳转</a> # href="#"表示不跳转
# 当点击"跳转到本页面的某个位置",就会跳转到"本页面位置"所在的位置
<a href="#target">跳转到本页面的某个位置</a>
<del id="target">本页面位置</del>
# target属性
<a href="tool.html" target="_blank">tool</a> # target="_blank"保留原始页面,在进行跳转
<a href="tool.html" target="_self">tool</a> # target="_self" 在当前页面进行跳转
# 在跳转的页面进行定位
一个页面: <a href="跳转页面.html#target">跳转</a>
另一个页面: <p id="target">希望直接从这里开始</p>
两个页面的id名要保持一致
base标签:为页面上所有的a标签设置跳转的方式.用来统一指定跳转方式
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<base target="_blank"></base> <!-- base标签一般放在head标签内 -->
</head>
通过浏览器查看页面上的元素具体的标签。
通过审核元素(浏览器不同,叫法也不一样。比如有的浏览器叫"检查","检查元素')
<sup> 上标记
X<sup>2</sup>+Y<sup>2</sup>=Z<sup>3</sup><br>
<sub> 下标记
Fe<sub>3</sub>O<sub>4</sub>