目录
前言
- 应急管理工程师
- 野路子学IT
- 键盘敲烂,薪资过万
1.标题标签<h1>-<h6>
<h1>我是一级标签</h1>
<h2>我是二级标签</h2>
<h3>我是三级标签</h3>
<h4>我是四级标签</h4>
<h5>我是五级标签</h5>
<h6>我是六级标签</h6>
注意:标题标签独占一行
2.段落标签和换行标签
2.1段落标签
在网页中,要把文字有条理地显示出来,就需要将这些文字分段显示。在HTML标签中,<p>标签用于定义段落,它可以将整个网页分为若干个段落
<p> 我是一个段落标签 </p>
单词 paragraph[lpaeragraef]的缩写,意为段落
标签语义:可以把 HTML文档分割为若干段落
2.2换行标签
在 HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后才自动换行。如果希望某段文本强制换行显示,就需要使用换行标签<br />
<br />
单词 break的缩写,意为打断、换行
标签语义: 强制换行。
特点:
1.<br/>是个单标签
2.<br/>标签只是简单地开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距
3.文本格式化标签
在网页中,有时需要为文字设置粗体、斜体或下划线等效果,这时就需要用到HTML 中的文本格式化标签,使文字以特殊的方式显示
标签语义: 突出重要性,比普通文字更重要
语义 |
标签 |
说明 |
加粗 |
<strong></strong>或者<b></b> |
更推荐使用<strong>标签加粗语义更强烈 |
倾斜 |
<em></em>或者 <i></i> |
更推荐使用<em>标签加粗语义更强烈 |
删除 |
<de</de> 或者 <s></s> |
更推荐使用<del>标签加粗 语义更强烈 |
下划线 |
<ins></ins> 或者 <u></u> |
更推荐使用<ins>标签加粗 语义更强烈 |
4.div和span标签
<div>和<span>是没有语义的,它们就是一个盒子,用来装内容的
<div> 这是头部 </div>
<span>今日价格 </span>
div 是 division 的缩写,表示分割、分区。span 意为跨度、跨距
特点:
1.<div>标签用来布局,但是现在一行只能放一个<div>。大盒子
2.<span>标签用来布局,一行上可以多个<span>。小盒子
5.图像标签
图像标签的其他属性:
属性 |
属性值 |
说明 |
src |
图片路径 |
必须属性 |
alt |
文本 |
替换文本,图像不能显示的文字 |
title |
文本 |
提示文本,鼠标放到图像上,显示的文字 |
width |
像素 |
设置图像的宽度 |
height |
像素 |
设置图像的高度 |
border |
像素 |
设置图像的边框粗细 |
注意点:
图像标签可以拥有多个属性,必须写在标签名的后面
属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开属性采取键值对的格式,即key=“value"的格式,属性=“属性值”
6.链接标签
在HTML标签中,<a>标签用于定义超链接,作用是从一个页面链接到另一个页面
6.1链接的语法格式
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
单词anchor['aenka(r]的缩写,意为:锚
两个属性的作用如下:
属性 |
作用 |
href |
用于指定链接目标的url地址,(必须属性)当为标签应用href属性时,它就具有了超链接的功能 |
target |
用于指定链接页面的打开方式,其中_self为默认值,_blank为在新窗口中打开方式。 |
6.2链接的分类
- 外部链接:例如 <a href="百度一下,你就知道">百度</a >。
- 内部链接:网站内部页面之间的相互链接,直接接内部页面各称即可,
- 例如<ahref="index.html>首页</a>
- 空链接:如果当时没有确定链接目标时,<a href="#">首页</a>
- 下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件
- 网页元素链接:在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接
- 锚点链接:点我们点击链接可以快速定位到页面中的某个位置
- 在链接文本的href属性中,设置属性值为#名字的形式,如<a href="#two">第2集</a>
- 找到目标位置标签,里面添加一个id 属性= 刚才的名字,如:<h3 id="two">第2集介绍</h3>
7.特殊字符
在HTML页面中,一些特殊的符号很难或者不方便直接使用,此时我们可以使用下面的字符来代替
特殊字符 |
描述 |
字符的代码 |
空格符 |
  |
|
< |
小于号 |
&It; |
> |
大于号 |
> |
& |
和号 |
& |
¥ |
人民币 |
¥ |
© |
版权 |
© |
® |
注册商标 |
® |
℃ |
摄氏度 |
° |
± |
正负号 |
± |
✖ |
乘号 |
× |
➗ |
除号 |
÷ |
² |
平方2(上标2) |
² |
³ |
立方3(上标3) |
³ |