HTML基础知识点1

1、UTF-8显示主流的很多语言，因此在写HTML的文档的时候，一定要写这个字符集。
2、标题标签

                    <h1>一级标题（最大）</h1>
                   <h7>二级标题（次之）</h7>
                    <h7>三级标题</h7>
                     <h7>四级标题</h7>
                     <h7>五级标题</h7>
                     <h7>六级标题</h7>
                     <h7>七级标题（最小）</h7>

一行只能放一个

 段落标签：<p> ....</p>
水平线标签：<hr />   习惯在单标签这里添加个空格，也可以不用这个反斜杠
换行标签：<br  />
<div>...</div>:用来布局，上下来显示，一行只能放一个div标签
<span>...</span>：用来布局，一行可以放好多个span,所有的span都是在一行上显示

3、文本格式化标签

   <b>..</b>和<strong>..</strong>标签都表示加粗标签，但是通常用strong标签，strong除了加粗，语义更强烈，
  <i>..</i>和<em>...</em>标签都表示倾斜，但是推荐用em标签
  <s>...</s>和<del>..</del>标签表示加删除线，推荐使用del 
  <u>...</u>和<ins>...</ins>标签表示加下划线，推荐使用ins

4、图片的属性标签
<img src=“图像URL“ alt=” " title=" " />
src:指定文件路径和文件名，是img标签的必需属性
alt:带有替换文本，当图不能显示的时候，就显示文字
title:提示文本，就是当鼠标放到图片上，显示的文字
（1）修改图片的大小：宽度：width; 高度：height，一般只写一个，而另外一个就会等比例缩放
boder:带有边框的标签
5、链接标签

     <a href="跳转目标 " target="打开目标的一种方式"  >文本或图像  </a>

当href="#",表示的是一个空链接，鼠标点击没有任何变化
target: 默认是self,self表示在当前窗口打开，blank表示在新窗口打开
6、注释标签：解释这部分代码是干啥的，程序不执行这段代码

   <!--...注释的内容.......-->

ctrl+?是注释的快捷键
注意：添加注释要添加到内容的上方，这是规定，添加到右方或者下方都是不好的
7、路径
路径分为绝对路径和相对路径
相对路径：用这样的"/"斜杠来表示
同一级路径：直接输入图片名称
下一级路径：用“/"来表示，图像文件位于HTML文件统计文件夹下，<img src=“images/1.jpg>
上一级路径：用”…/"来表示，如果是上两级用“…/…/”以此类推，
绝对路径：
是用““这样的斜杠，但是这种用法不科学，因此不提倡使用绝对路径
但是可以用于绝对的网络地址。
8、锚点定位：快速跳到某个页面中的位置
（1）先找目标，找到目标后使用相应的id名做好标记，id=” "

  (2)使用   <a href="# id名">..</a>
   注意：一定要加#号，并且前后使用的id名一定要一致

9、base标签：可以设置整体链接的打开状态
base是个单标签，写在头部head之间，把所有链接都默认添加到target="_blank"
10、预格式化文本标签
pre:认识空格，按照预先写好的文字格式来显示页面，会保留空格，但是一般很少用
11特殊字符
&nbsp :空格(注意一定要有分号）
&lt(less than):<符号
&gt(great than):>符号