前端-HTML 第一天学习记录

标题标签
<h1>-<h6>
<h1>我是一级标题</h1> (h为head的缩写意味头部，标题)
标签语义：作为标题使用，并且依据重要性递减。
特点：
1.加了标题的文字会变的加粗，字母也会依次变大。
2.一个标题独占一行。

段落标签
<p>我是一个段落标签</p>
标签语义：可以把HTML文档分割为若干段落。
特点：
1.文本在一个段落中会根据浏览器窗口的大小自行换行。
2.段落和段落之间保有空隙。

换行标签
<br />--------打断换行的意思。
标签语义：强制换行。
特点：1.<br/>是单标签。
2.<br/>标签只是简单地开始新的一行，跟段落不一样，段落之间会插入一些垂直的间距。

文本格式化标签
标签语义：突出重要性，比普通文字跟重要。
加粗：<strong></strong>或者<b></b>(更推荐<strong>标签加粗 语义更强烈)----重点
倾斜：<em></em>或者<i></i>(更推荐<em>标签加粗语义更加强烈)--------------重点
删除线：<del></del>或者<s></s>(更推荐<del>标签加粗语义更加强烈)
下划线：<ins></ins>或者<u></u>(更推荐<ins>标签加粗语义更加强烈)

 

<div>和<span>是没有语义的，它们就是一个盒子，用来装内容。
<div>这是头部</div>
<span>今日价格</span>
div是division的缩写，表示分割，分区。
span表示跨度，跨距。
特点：
1.<div>标签用来布局，但是现在一行只能放一个<div>，大盒子。
2.<span>标签用来布局，一行可以放多个<span>，小盒子。

图像标签
<img src="图像URL"/>
<img>标签用于定义HTML页面中的图像
src是<img>标签的必须属性，它用于指定图像文件的路径和文件名。
属性：
src: 图片路径-必须属性
alt:文本---替换文本，图像不能显示的文字
title：文本---提示文本。鼠标放到图像上，显示的文字
width：像素---设置图像的宽度
height：像素---设置图像的高度（宽度和高度一般只修改其中一个）
border：像素---设置图像的边框粗细
图像标签属性注意点：
①.图像标签可以拥有多个属性，必须写在标签的后面。
②.属性之间不分先后顺序，标签名与属性，属性与属性之间均以空格分开。
③属性采取键值对的歌声，即key=“value”的格式，属性=“属性值”。

路径(前期铺垫知识)
（1）目录文件夹和根目录
目录文件夹（web）:就是普通文件夹，里面只不过存放11了我们做页面所需要的相关素材，比如HTML，图片等。
根目录：打开目录文件夹第一层就是根目录
（2）路径
分为：
1.相对路径
2.绝对路径
路径之相对路径：
相对路径：以引用文件所在位置为参考基础，而建立的目录途径。简单解释,图片相对于HTML页面的位置。
相对路径分类：
①同一级路径---无符号----图像文件位于HTML文件同一级如<img src="baidu.gif"/>
②下一级路径---/----------图像文件位于HTML文件下一级如 <img src="images/daidu.gif"/>
③上一级路径--../----------图像文件位于HTML文件上一级如 <img src="../baidu.gif"/’>
路径之绝对路径
绝对路径：是指，目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。
例如：“D:\web\img\logo.gif”或完整的网络地址"http://www.itcast.cn/images/logo.gif"。

超链接标签（重点）
<a>标签用于定义超链接，作用是从一个页面链接到另一个页面。
1.超链接语法规范
链接的语法格式
<a href="跳转目标"target="目标窗口的弹出方式">文本图像</a>
属性
①href--作用：用于指定链接目标的url地址（必须属性）当为标签应用hrel属性时。它就具有了超链接的功能
②target-作用：用于指定链接打开页面的打开方式，其中_self为默认值，_blank为在新窗口中打开方式。______
2.链接分类
1外部链接，例如<a href="http://www.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>