常用标签 文本修饰标签

标签

	<h1>标题h1</h1>  /* 是网页中最重要的标签，每个网页(html文件)中只能有一个h1 */
     <h2>标题h2</h2>
     <h3>标题h3</h3>
     <h4>标题h4</h4>
     <h5>标题h5</h5>/* 不怎么用 */
     <h6>标题h6</h6>/* 不怎么用 */

 <p>这是一个段落</p><!-- 段落标签 -->
     <p><strong>strong:强调 对文本加粗</strong> </p>
     <p><i>斜体斜体</i> </p>
     <p><em>em:强调 文本进行斜体，没有strong强</em></p>
     <p><b>文本加粗</b>
     <p>HH <sub>下标文本</sub>HH <sup>上标文本</sup> </p>
     <p><del>删除文本</del> <ins>插入文本</ins></p>
            水平线 <br>
     <p>换行<br> 标记</p>

img标签

 <img src="1.jpg" alt="图片加载失败时的提示文字" title="图片详情，鼠标放图片上时的提示信息">
 /* 加载图片，单标签， width、height : 图片的大小 */

图片 title 和 alt区别：

alt:

1、alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户，以及视觉障碍的用户和使用屏幕阅读器的用户。当图片不显示的时候，图片的替换文字。
2、alt属性值得长度必须少于100个英文字符
3、alt属性是img标签的必须属性，如果没有特别意义的图片，可以写alt=""
4、alt属性是搜索引擎判断图片与文字是否相关的重要依据，alt属性添加到img主要的目的才是为了SEO（Search Engine Optimization搜索引擎优化）

title:

1、title属性并不是必须的。
2、title属性规定元素的额外信息，有视觉效果，当鼠标放到文字或是图片上时有文字显示。
3、title属性并不作为搜索引擎抓取图片的参考，更多倾向于用户体验的考虑。

跳转瞄点：

 <a href="链接地址"  target="_blank"> 跳转</a>/* 标签中间为显示文字，点击可跳转，
target为跳转方式， 默认为_self 当前窗口，_blank为新窗口打开， */
方法1：#号 + name属性（注意name属性加给的是a标签）
    <a href="#html">HTML</a>
    <a href="#css">CSS</a>
    <a href="#js">JavaScript</a>

    <a name="html"></a>
    <h2>HTML的介绍</h2>
    ........
     <a name="css"></a>
    <h2>CSS的介绍</h2>
    .........
     <a name="js"></a>
    <h2>JS的介绍</h2>
    .........
方法2： #号 + id属性
	<a href="#html">HTML</a>
    <a href="#css">CSS</a>
    <a href="#js">JavaScript</a>

    <h2 id="html">HTML的介绍</h2> 
    ..............
    <h2 id="css">CSS的介绍</h2>
    ................
    <h2 id="js">JS的介绍</h2>
     ...............

div : 做一个区域划分的块
span : 对文字进行修饰的内联

HTML ： 超文本 标记 语言
超文本 : 文本内容 + 非文本内容 ( 图片、视频、音频等 )
标记 : <单词>
语言 : 编程语言
标记也叫做标签：

写法分成两种： 单标签

双标签

创建标签的快捷键：单词 + tab键 -> <单词> 标签是可以上下排列，也可以组合嵌套。 标签的属性：来修饰标签的，设置当前标签的一些功能。 <标签 属性="值" 属性2="值2">