标签
<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 : 超文本 标记 语言
超文本 : 文本内容 + 非文本内容 ( 图片、视频、音频等 )
标记 : <单词>
语言 : 编程语言
标记也叫做标签: