day1—HTML文本、图像标签

笔记来源参考pink老师：01-基础班学习路线_哔哩哔哩_bilibili哩哔哩_bilibili

文本标签

标题标签：<h1> -<h6>  <h1> 我是一级标签</h1>

    1.加了标题的文字会变得加粗，字号也会依次变大

     2.一个标题独占一行

段落标签：<p>我是一个段落标签</p>

1. 文本在一个段落中会根据浏览器窗口的大小自动换行
2. 段落和段落之间保有空隙

换行标签：<br />

1. 单标签
2. 只是简单的开始新的一行，没有首行缩进，也没有较大缝隙

文字加粗标签：<strong></strong> <b></b>

文字倾斜标签：<em></em> <i></i>

删除线标签：  <del></del> <s></s>

下划线标签：  <ins></ins> <u></u>

<div> 和<span>标签

1. <div> 标签用来布局，一行只能放一个<div>  大盒子
2. <span>标签用来布局，一行可以放多个<span>  小盒子

超链接标签：<a href=”跳转目标” target=”目标窗口的弹出方式”> 文本或图像</a>

链接分类：

1. 外部链接：例如<a href="http://baidu.com">百度</a>
2. 内部链接：网站内部页面之间的相互链接，直接链接内部页面名称即可，例如<a href="index.html">首页</a>
3. 空链接：如果当时没有确定链接目标时，<a href="#">首页</a>
4. 下载链接：如果href里面地址是一个文件或者压缩包，会下载这个文件
5. 网页元素链接：在网页中的各种元素，如文本、图像、表格、音频、视频等可以添加超链接
6. 描点链接：点击链接，可以快速定位到页面中的某个位置

• 在链接文本的href属性中，设置属性值为#名字的形式，如<a href="#two">第二集</a>
• 找到目标位置标签，里面添加一个id属性=刚才的名字，如<h3 id="two">第二集介绍</h3>

特殊符号：

图像标签

图像标签：<img src=”图像URL”  />

1. 图像标签可以拥有多个属性，必须写在标签名的后面
2. 属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开
3. 属性采取键值对的格式，即key=”value”的格式，属性=“属性值