文章目录
标题标签 < h1> - < h6>
特点:
- 加了标题的文字会变的加粗,字号也会依次变大。
- 一个标题独占一行。
<h1>一级</h1>
<h2>二级</h2>
<h3>三级</h3>
<h4>四级</h4>
<h5>五级</h5>
<h6>六级</h6>
段落标签 < p>
用于定义段落,它可以将整个网页分为若干个段落。
特点:
- 文本在一个段落中会根据浏览器窗口的大小自动换行。
- 段落和段落之间有空隙。
<p>段落一</p>
<p>段落二</p>
换行标签< br />
特点:
- 是个单标签。
- 标签只是简单地开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距。
<p>他<br/>可以用来换行</p>
文本格式化标签:
div标签 span标签
特点:
1. < div> 标签用来布局,但是一行只能放一个< div> //大盒子,块元素
2. < span> 标签用来布局,一行上可以多个 < span>//小盒子,行元素
图片标签< img>
标签用于定义 HTML 页面中的图像。
src 是< img>标签的必须属性,它用于指定图像文件的路径和文件名。
<img src="图片位置" alt="图片无法加载时,显示的文字提示" width="20px" height="20px">
标签:
标签 | 描述 | 属性值 |
---|---|---|
< img> | 定义图像 | |
< map> | 定义图像地图 | |
< area> | 定义图像地图中的可点击区域 |
< map>+< area>:
创建带有可供点击区域的图像地图。其中的每个区域都是一个超级链接。
<!--示例一-->
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
<area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
<area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>
属性:
属性 | 描述 | 属性值 | 备注 |
---|---|---|---|
alt | 替换文本属性 | 自定义文本内容 | - |
width | 宽 | 自定义数值 | - |
height | 高 | 自定义数值 | - |
align | 对齐方式 | bottom(默认),top,middle,center | 在HTML 4中 align 属性已废弃,HTML5 已不支持该属性,可以使用 CSS 代替。 |
border | 边框 | 自定义数值 | 在HTML 4中 align 属性已废弃,HTML5 已不支持该属性,可以使用 CSS 代替。 |
路径:
相对路径
所添加的文件相对于当前需要添加文件的HTML的位置
绝对路径:
文件在电脑上存储的位置
例如:C:\Users\Administrator\Pictures\StellarPlayer\ls.jpg
链接标签< a>:
<a href="url" target="_blank|_self|_parent|_top|framename" name=""></a>
属性:
属性 | 描述 | 属性值 | 备注 |
---|---|---|---|
href | 规定链接的目标 | url/#(空连接) | - |
target | 跳转时的打开方式 | _blank(在新窗口中打开)、_parent(在父框架集中打开被链接文档)、_self(当前窗口打开)、_top(在整个窗口中打开被链接文档)、framename(在指定的框架中打开被链接文档) | - |
name | 创建文档内的书签 | 自定义值 | - |
download | 下载链接 | 下载后保存的地址 | 点击链接会下载a标签内包含的内容 |
type | 规定目标 URL 的 MIME 类型 | text/css、text/js、text/html | 仅在 href 属性存在时使用。 |
链接分类:
1.外部链接: 例如 < a href=“http:// www.baidu.com “> 百度。
2.内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可,
3.空链接: 如果当时没有确定链接目标时 < a href=”#”> 首页 。
4.下载链接: 如果 href 里面地址是一个文件或者压缩包,会下载这个文件。
5.网页元素链接: 在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接.
6.锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置.
在链接文本的 href 属性中,设置属性值为 #名字 的形式, 找到目标位置标签,里面添加一个 id 属性 = 刚才的名字
文本格式化标签
标签 | 描述 | 备注 |
---|---|---|
< b> | 定义粗体文本 | |
< em> | 定义着重文字 | |
< i> | 定义斜体字 | |
< small> | 定义小号字 | |
< strong> | 定义加重语气 | |
< sub> | 定义下标字 | |
< sup> | 定义上标字 | |
< ins> | 定义插入字 | |
< del> | 定义删除字 |
引文, 引用, 及标签定义标签
标签 | 描述 |
---|---|
< abbr> | 定义缩写 |
< address> | 定义地址 |
< bdo> | 定义文字方向 |
< blockquote> | 定义长的引用 |
< q> | 定义短的引用语 |
< cite> | 定义引用、引证 |
< dfn> | 定义一个定义项目。 |
注释
<!-- 注释语句 -->
快捷键: ctrl + /
特殊字符:
重点:空格 、大于号、 小于号
空格: ;(例:一 二三)
小于号<
大于号>